亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

HTML中Li標簽的使用示例

WEB開發(fā)者   發(fā)布時間：2015-07-13 16:38:04   作者：佚名   我要評論
這篇文章主要介紹了HTML中Li標簽的使用示例,主要用來讓文章標題和日期等左右對齊,需要的朋友可以參考下

 希望實現(xiàn)標題在左對齊，日期在右對齊，當直接給日期的span加上float:right時，IE8和FF都OK，但IE6/7則會換行，下面給出一個簡單有效的解決辦法。

XML/HTML Code復制內(nèi)容到剪貼板
  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開發(fā)者網(wǎng)絡（Admin10000.com）</li>  
  20.         <li><span>2011-12-2</span>Web開發(fā)者網(wǎng)絡（Admin10000.com）</li>  
  21.         <li><span>2011-12-2</span>Web開發(fā)者網(wǎng)絡（Admin10000.com）</li>            
  22. </ul>  
  23.   
  24. </body>    
  25. </html>    

注意: 要把 span 寫到Li標簽中的最前面，這樣在IE6/IE7/FF3.5之前版本中才能保證 span中日期右對齊。

相關文章

  • HTML與XHTML、以及HTML4與HTML5標簽之間的區(qū)別簡介

    這篇文章主要介紹了HTML與XHTML、以及HTML4與HTML5標簽之間的區(qū)別,是網(wǎng)頁前端編程入門學習中的基礎知識,需要的朋友可以參考下
    2015-11-07

  • HTML5安全攻防之新標簽攻擊詳解

    HTML5引入的新標簽有一些有趣的屬性，例如poster、autofocus、onerror、formaction、oninput，這些屬性都可以用來執(zhí)行javascript，這會導致XSS和CSRF跨域請求偽造。對這方
    2015-09-27

  • 簡單介紹HTML5中audio標簽的使用

    這篇文章主要介紹了HTML5中audio標簽的使用,在各瀏覽器中添加音頻播放控件,需要的朋友可以參考下
    2015-09-24

  • 詳解HTML5中ol標簽的用法

    這篇文章主要介紹了詳解HTML5中ol標簽的用法,是HTML5入門學習中的基礎知識,需要的朋友可以參考下
    2015-09-08

  • 詳解HTML的style標簽以及相關的CSS引用

    這篇文章主要介紹了詳解HTML的style標簽以及相關的CSS引用,是HTML和CSS入門學習中的基礎知識,需要的朋友可以參考下
    2015-08-27

  • 詳解HTML的<input> 標簽及其禁用方法

    這篇文章主要介紹了詳解HTML的input標簽及其禁用方法,歸納了幾種CSS中使用disabled屬性實現(xiàn)禁用的方法,需要的朋友可以參考下
    2015-08-05

  • HTML5 video標簽（播放器）學習筆記（二）:播放控制

    這篇文章主要介紹了HTML5 video標簽（播放器）學習筆記（二）:播放控制,本文講解了獲取影片總時長、播放、暫停、獲取影片的播放時間和設置播放點、音量的獲取和設置等內(nèi)容,
    2015-04-24

  • HTML頁面中添加Canvas標簽示例

    這篇文章主要介紹了HTML頁面中添加Canvas標簽示例,本文直接給出示例代碼,并講解了一些重要屬性和js訪問方法,需要的朋友可以參考下
    2015-01-01

  • 常用HTML meta 標簽屬性(網(wǎng)站兼容與優(yōu)化需要)

    標簽提供關于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上，但是對于機器是可讀的。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關鍵詞），或其他 web 服務
    2014-12-27

  • HTML常用標簽大全及html標簽的特點

    本篇文章給大家整理些關于html常用標簽大全及html標簽的特點，希望對大家學習html相關知識有所幫助，感興趣的朋友一起學習吧
    2015-11-19

最新評論