li標簽中日期居右的寫法
來源:昆明多彩網(wǎng)絡公司 日期:2010-09-13 閱讀: 發(fā)表評論
網(wǎng)站制作中經(jīng)常用的新聞或者文章列表大都采用:<li>&標簽來寫,這其中就會有一個問題,比如a標簽居左,后面跟的日期居右,用最少的代碼量該怎么編寫呢?
網(wǎng)站建設中的示范代碼為:<li><a href=http://m.akadana.com>昆明網(wǎng)站建設</a>2010-9-13</li>
要達到的目的:日期居右,XHTML標準,原示范代碼不能出現(xiàn)多余的className或者ID
解決辦法有兩個:
第一個:li {text-align: right;} li a { float: left}
第二個:將源代碼修改成:<li><span>2010-9-13</span><a href=http://m.akadana.com>昆明網(wǎng)站建設</a></li>,再加上css:li span { float: right},解決了一個所有瀏覽器float:right的bug,就是將需要右浮動的元素置于參照標簽之前。
發(fā)表評論評論列表(有 條評論)