HTML中Li标签的使用示例

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

 
 XML/HTML Code  复制内容到剪贴板 

 
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  >          
        <  html     xmlns  =  "http://HdhCmsTestw3.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测试数据）  </  li  >       
                <  li  >  <  span  >  2011-12-2  </  span  >  Web开发者网络（Admin10000测试数据）  </  li  >       
                <  li  >  <  span  >  2011-12-2  </  span  >  Web开发者网络（Admin10000测试数据）  </  li  >                 
        </  ul  >       
           
        </  body  >         
        </  html  >         
 


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


      查看更多关于HTML中Li标签的使用示例的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did37611

更新时间：2022-09-23 阅读：47次