LI 標籤中讓文章標題左對齊,日期右對齊的方法
希望實現標題在左對齊,日期在右對齊,當直接給日期的span加上float:right時,IE8和FF都OK,但IE6/7則會換行,下面給出一個簡單有效的解決辦法。
<!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開發者網路(Admin10000.com)</li> <li><span>2011-12-2</span>Web開發者網路(Admin10000.com)</li> <li><span>2011-12-2</span>Web開發者網路(Admin10000.com)</li> </ul> </body> </html>
注意: 要把 span 寫到Li標籤中的最前面,這樣在IE6/IE7/FF3.5之前版本中才能保證 span中日期右對齊。
相關文章
- 如何讓文字居右對齊,換行後又居左對齊
- UICollectionView左對齊流水佈局、右對齊流水佈局UIView
- css 表單標籤兩端對齊CSS
- Markodwn 標題對齊的同步滾動Markodwn
- [CSS]Input標籤與圖片按鈕對齊CSS
- iOS上如何讓按鈕文字左對齊問題iOS
- 利用空格實現中文標題對齊效果
- Echarts:10-5-2:柱狀圖(座標軸刻度與標籤對齊)Echarts
- word中怎麼解決英文對不齊 word英文對不齊的方法
- LinearLayout中元件右對齊元件
- 實現文字標題和input文字框垂直居中對齊
- <摘錄>位元組對齊(強制對齊以及自然對齊)
- 如何讓圖片在div中垂直水平居中對齊
- HTML中的標籤中li橫向排列HTML
- Bootstrap 4 實現導航欄右側對齊boot
- 如何讓文字垂直居中對齊文字框
- 對齊之美
- 文字對齊位置
- 位元組對齊
- js如何對標籤有選擇性的禁用滑鼠右鍵JS
- 如何讓input文字框和圖片對齊
- WPS/Word中公式與文字不對齊的問題公式
- 結構體內部儲存中的對齊問題結構體
- BCB:TEdit控制元件右對齊的簡單實現 (轉)控制元件
- golang 位元組對齊Golang
- css居中對齊大全CSS
- android空格對齊Android
- [Shell] Sort 和 對齊
- 記憶體對齊記憶體
- 結構體成員對齊的問題結構體
- CMU 領域自適應最新進展:對齊資料分佈、誤差還不夠,標註函式也需對齊!函式
- c/c++資料對齊問題C++
- [Android]Layout中ImageView中圖片的對齊顯示問題AndroidView
- HTMl中標籤中li橫向排列的實現示例HTML
- Go 的記憶體對齊和指標運算詳解和實踐Go記憶體指標
- C語言 printf 格式化 輸出 右對齊補零C語言
- 圖示文字水平對齊方法總結
- css使用transform垂直對齊CSSORM