关于ul下li内插入span标签自动换行不在同一行问题

前提,

li span {float:right;}

如果这么写

  • 小戴2009.05.23
  • 这个日期就会窜到下一行去
    而如果这样

  • 2009.05.23小戴
  • 日期和文字就会同行显示
    问题出来了,
    第一:这是为啥呢?
    第二:如何给span定义属性让他能够在第一种html写法下不换行?
    当初来看,比较诡异的现象
    仔细分析一下,原来是这样
    Span本身虽然是内联元素,但加上浮动后它就变成了块级元素了,所以才会自动换行,
    浮动元素的顶端不能高于先于它出现的浮动元素或段落的顶端
    看下面这个例子就清楚了:

    
    
    
    测试
    
    
    
    加float宽高有作用,
    不加float宽高无作用
    
    
    

    所以,上面的例子应该

    li{position:relative;}
    li span{position:absolute ;right:0px;}
    

    这样来写,如果水平不齐的话
    那么可以用个top来解决

    转自http://blog.csdn.net/showknow/article/details/6730357

    0 Comments
    Leave a Reply

    Time limit is exhausted. Please reload the CAPTCHA.