希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。

XML/HTML Code 复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://imgbuyun.weixiu-service.com/up79/202309/tpak3nfernu class="tag">>     < html   xmlns = "http://www.w3.org/1999/xhtml" >      < head >        < meta   http-equiv = "Content-Type"   content = "text/html; charset=utf-8"   />        < title > </ title >    < style >    <!--       #mylist { width:400px; list-style-type:none; margin:0; padding:0; }    #mylist li span {            float:right;     }    -- >      </ style >      </ head >      < body >      < ul   id = "mylist" >                < li > < span > 2011-12-2 </ span > Web开发者网络(Admin10000.com) </ li >             < li > < span > 2011-12-2 </ span > Web开发者网络(Admin10000.com) </ li >             < li > < span > 2011-12-2 </ span > Web开发者网络(Admin10000.com) </ li >              </ ul >       </ body >      </ html >     

注意: 要把 span 写到Li标签中的最前面,这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。