zoukankan      html  css  js  c++  java
  • display:inline

    display:inline
    它可以让行内显示为块的元素,变为行内显示,例如
    DIV1
    DIV2
    这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了
    DIV1 DIV2
    DIV1和DIV2这时候显示在同一行了,试试看吧
    和 display:inline 对应的是 display:block,block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素,例如 SPAN 是行内显示的,但是你加了 display:block 属性就不一样了
    [font style= "display:block "] SPAN1 [/font]
    [font style= "display:block "] SPAN2 [/font]
    block一般一个块占一行,除非float
    inline是自动排为一行,就象段内的文字一样,可成为多行。
    display:inline比较经典的用法是用在 <ul> 下的 <li> 中
    display:inline 对应不显示为 display:none
    display:block 对应不显示为 hidden
    说通俗点 样式为none的元素不占位置,而样式为hidden的元素虽然不显示但还是占地方
    附:inline 内置,在线的,联机的
  • 相关阅读:
    DataTableToJSON
    css hack
    把网络数据流转换成图片类
    递归(转)
    SQL 锁
    观察者
    yield
    开闭原则(转)
    迪米特法则(最少知道原则)(转)
    sql 游标
  • 原文地址:https://www.cnblogs.com/lccnblog/p/3174093.html
Copyright © 2011-2022 走看看