编写新闻发布系统 显示新闻条目时间问题

新闻列表中为了显示时间，加了个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>

转载于:https://www.cnblogs.com/alanjl/archive/2013/04/26/3044648.html