校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > HTML中Li標簽的使用示例

HTML中Li標簽的使用示例
熱門標簽：電話機器人宣傳片 個貸電銷機器人 浦東新區百度地圖標注圖片 鄒城智能外呼系統 經綸電銷機器人 外呼智能系統報價 華為收費站地圖標注 騰訊植物園地圖標注 巫山縣地圖標注app

 希望實現標題在左對齊，日期在右對齊，當直接給日期的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中日期右對齊。

標簽：南平 唐山 那曲 日喀則 楊凌 滁州 三沙 廣西

巨人網絡通訊聲明：本文標題《HTML中Li標簽的使用示例》，本文關鍵詞  HTML,中,標簽,的,使用,示例,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML中Li標簽的使用示例》相關的同類信息！
  • 本頁收集關于HTML中Li標簽的使用示例的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 瑞金市| 广安市| 炉霍县| 武城县| 墨脱县| 永胜县| 宿松县| 天门市| 城口县| 台中县| 孟村| 集安市| 库伦旗| 宿州市| 乌鲁木齐县| 汕头市| 石林| 祥云县| 商城县| 堆龙德庆县| 天峨县| 治多县| 铜鼓县| 鹤庆县| 肇州县| 休宁县| 东丰县| 新乐市| 浑源县| 吉木萨尔县| 商南县| 民和| 日土县| 西平县| 长武县| 黔江区| 内丘县| 武陟县| 永和县| 云霄县| 九台市|