• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML中Li标签的使用示例

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

    XML/HTML Code复制内容到剪贴板
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
    2. <html xmlns="http://www.w3.org/1999/xhtml">    
    3. <head>  
    4.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5.    <title></title>  
    6. <style>  
    7. <!--   
    8.   
    9. #mylist { width:400px; list-style-type:none; margin:0; padding:0; }   
    10. #mylist li span {   
    11.         float:right;    
    12. }   
    13. -->    
    14. </style>    
    15. </head>    
    16. <body>    
    17. <ul id="mylist">  
    18.   
    19.         <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>  
    20.         <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>  
    21.         <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>            
    22. </ul>  
    23.   
    24. </body>    
    25. </html>    

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

    上一篇：CSS的SASS样式编程指南
    下一篇：几个老式播放器的嵌入代码
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    HTML中Li标签的使用示例 HTML,中,标签,的,使用,示例,