标签: 网页

关于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

    用于显示隐藏内容的demo

    准备做一个小静态网站,其中要做一个答题的功能,类似于英语的完形填空,点显示答案按钮以后,可以显示答案在上面,由于还没学过javascript,这个小功能也得请教同学啦。展示如下:

    ————–代码————–

    
    
    click the button below and you can see the answer in the answer field
    

    • What's my Name?
    • the answer is:

    ————–展示————–

    click the button below and you can see the answer in the answer field


    • What’s my Name?
    • the answer is: