HTML中Li標(biāo)簽的使用示例
WEB開發(fā)者 發(fā)布時(shí)間：2015-07-13 16:38:04 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了HTML中Li標(biāo)簽的使用示例,主要用來讓文章標(biāo)題和日期等左右對(duì)齊,需要的朋友可以參考下
希望實(shí)現(xiàn)標(biāo)題在左對(duì)齊，日期在右對(duì)齊，當(dāng)直接給日期的span加上float:right時(shí)，IE8和FF都OK，但I(xiàn)E6/7則會(huì)換行，下面給出一個(gè)簡單有效的解決辦法。
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.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開發(fā)者網(wǎng)絡(luò)（Admin10000.com）</li>
- <li><span>2011-12-2</span>Web開發(fā)者網(wǎng)絡(luò)（Admin10000.com）</li>
- <li><span>2011-12-2</span>Web開發(fā)者網(wǎng)絡(luò)（Admin10000.com）</li>
- </ul>
- </body>
- </html>
注意: 要把 span 寫到Li標(biāo)簽中的最前面，這樣在IE6/IE7/FF3.5之前版本中才能保證 span中日期右對(duì)齊。
相關(guān)文章
HTML與XHTML、以及HTML4與HTML5標(biāo)簽之間的區(qū)別簡介
這篇文章主要介紹了HTML與XHTML、以及HTML4與HTML5標(biāo)簽之間的區(qū)別,是網(wǎng)頁前端編程入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-07- HTML5引入的新標(biāo)簽有一些有趣的屬性，例如poster、autofocus、onerror、formaction、oninput，這些屬性都可以用來執(zhí)行javascript，這會(huì)導(dǎo)致XSS和CSRF跨域請(qǐng)求偽造。對(duì)這方2015-09-27
- 這篇文章主要介紹了HTML5中audio標(biāo)簽的使用,在各瀏覽器中添加音頻播放控件,需要的朋友可以參考下2015-09-24
- 這篇文章主要介紹了詳解HTML5中ol標(biāo)簽的用法,是HTML5入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-09-08
詳解HTML的style標(biāo)簽以及相關(guān)的CSS引用
這篇文章主要介紹了詳解HTML的style標(biāo)簽以及相關(guān)的CSS引用,是HTML和CSS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-27- 這篇文章主要介紹了詳解HTML的input標(biāo)簽及其禁用方法,歸納了幾種CSS中使用disabled屬性實(shí)現(xiàn)禁用的方法,需要的朋友可以參考下2015-08-05
HTML5 video標(biāo)簽（播放器）學(xué)習(xí)筆記（二）:播放控制
這篇文章主要介紹了HTML5 video標(biāo)簽（播放器）學(xué)習(xí)筆記（二）:播放控制,本文講解了獲取影片總時(shí)長、播放、暫停、獲取影片的播放時(shí)間和設(shè)置播放點(diǎn)、音量的獲取和設(shè)置等內(nèi)容,2015-04-24- 這篇文章主要介紹了HTML頁面中添加Canvas標(biāo)簽示例,本文直接給出示例代碼,并講解了一些重要屬性和js訪問方法,需要的朋友可以參考下2015-01-01
常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)
標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁面上，但是對(duì)于機(jī)器是可讀的。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)2014-12-27HTML常用標(biāo)簽大全及html標(biāo)簽的特點(diǎn)
本篇文章給大家整理些關(guān)于html常用標(biāo)簽大全及html標(biāo)簽的特點(diǎn)，希望對(duì)大家學(xué)習(xí)html相關(guān)知識(shí)有所幫助，感興趣的朋友一起學(xué)習(xí)吧2015-11-19