HTML中Li标签的运用示例

发布日期:2015-09-22 23:22:15

这篇作品次要引见了HTML中Li标签的运用示例,次要用于让作品题目和日子等内外对于齐,需求的冤家能够参考下。指望完成题目正在左对于齐,日子正在右对于齐,当间接给日子的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,上面给出一度容易无效的处理方法。

<!DOCTYPE html>   
<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>北京网站建设</li>  
        <li><span>2011-12-2</span>北京网站建设</li>  
        <li><span>2011-12-2</span>北京网站建设</li>            
</ul>  
  
</body>    
</html>    

留意: 要把 span 写到Li标签中的最后面,那样正在IE6/IE7/FF3.5事先读物中能力保障 span中日子右对于齐。

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计