新闻列表中为了显示时间,加了个span <LI><A href="{NS:FS_NewsURL}">{NS:FS_NewsTitle}</A><span style="float:right">{NS:FS_AddTime}</span></LI> 结果这个 span竟然跑到下面去了 经过一天时间无数次的上网查资料、修改、测试 问题还是没有解决 而且遇到了更灵异的事,给前面超链接加左 浮动,在ie下文字竟然跑到列表符号前面去了 无语 分析:ie下列表符号应该没有包含在li内 span本来不换行,加浮动后成了块 元素,顶部不能高于前一元素底部 于是我又改呀改改呀改 晕,还是没改好
最后在一个论坛发现有人这样解决了 把右浮 动放到左边去 <LI><span style="float:right">{NS:FS_AddTime}</span><A href="{NS:FS_NewsURL}">{NS:FS_NewsTitle}</A></LI> 试了一下 竟然好了 太神奇了 我想应该是放到前面的话他的前一元素就成上面的元素了
另一篇文章里:
例子:<h1 style=”display:inline;”>如何解决</h1><span style=”float:right;”>span右对齐的问题</span>这样的写法经过测试在IE8和firefox阅读器里可以准确显示在同一行,而在360阅读器中”span右对齐的问题”这几个字却显示到下一行的最右边,原因和解决方式如下: 当非float的元素和float的元素在一起的时候,假如非float元素在先,那么float的元素将被排挤 也就是说,你的span是float:right,但是前面h1的内容”如何解决”还是float:none,假如要<span>前后文字盘踞同一行,
一般有两个解决方式: 1、把<sapn style=”float:right”>span右对齐的问题</span>代码置于<h1>前 <sapn style=”float:right;”>span右对齐的问题</span>:<h1 style=”display:inline;”>如何解决</h1> 2、给前面的文本设置float属性 <h1 style=”display:inline;float:left;”>如何解决</h1><span style=”float:right;”>span右对齐的问题</span>