<a href="#" title="<%#Eval("title") %>"><%#Eval("title") %></a> <span>[<%#Eval("dateline") %>]</span>
... span {
...
float:right;
...
}
这样<span>...</span>的内容到了<a>...</a>下一行,典型的问题就是新闻列表中题目和日期错行!
这个问题出现在IE8的兼容模式下,IE8和火狐都没有问题。
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
也就是说,你的span是float:right,但是你文本还是float:none
如果要让两者占据同一行:
- 要么你把span先于文本显示 :<span style="float: right">2007-08-18</span>
- 要么把文本也设成float:<span style="float: left">新闻新闻新闻</span>