li中的span右浮动问题

新闻列表中为了显示时间,加了个span

  • {NS:FS_NewsTitle}{NS:FS_AddTime}

  • 结果这个 span竟然跑到下面去了
    经过一天时间无数次的上网查资料、修改、测试
    问题还是没有解决
    而且遇到了更灵异的事,给前面超链接加左 浮动,在ie下文字竟然跑到列表符号前面去了
    无语
    分析:ie下列表符号应该没有包含在li内
    span本来不换行,加浮动后成了块 元素,顶部不能高于前一元素底部
    于是我又改呀改改呀改
    晕,还是没改好

    最后在一个论坛发现有人这样解决了
    把右浮 动放到左边去
  • {NS:FS_AddTime}{NS:FS_NewsTitle}

  • 试了一下 竟然好了
    太神奇了
    我想应该是放到前面的话他的前一元素就成上面的元素了

    另一篇文章里:

    例子:

    如何解决

    span右对齐的问题这样的写法经过测试在IE8和firefox阅读器里可以准确显示在同一行,而在360阅读器中”span右对齐的问题”这几个字却显示到下一行的最右边,原因和解决方式如下:
    当非float的元素和float的元素在一起的时候,假如非float元素在先,那么float的元素将被排挤
    也就是说,你的span是float:right,但是前面h1的内容”如何解决”还是float:none,假如要前后文字盘踞同一行,

    一般有两个解决方式:
    1、把span右对齐的问题代码置于


    span右对齐的问题:

    如何解决


    2、给前面的文本设置float属性

    如何解决

    span右对齐的问题

    你可能感兴趣的:(js)