2010-07-08 76 views
2

這總是讓我失望。爲什麼這樣的列表?如果您將邊距和填充設置爲0,則您會希望它在通常位於文本左邊的左側對齊,但不會。這就是列表項標籤內的文本開始的地方,然後它會將項目符號和/或數字渲染到左邊,重疊的邊框等等。爲什麼他們還沒有解決這個問題呢?誰在正確的心態決定成爲名單的行爲?您甚至無法爲左側指定精確的填充或邊距,以使數字與正常文本保持一致,因爲當數量達到更高級別時它不會自動向右移動(例如9 - > 10,現在是2位數字,並且佔用更多的空間在左邊)。爲什麼列表在包含元素之外開始?

反正,一個問題:有沒有簡單的方法(不使用JavaScript等)來解決這個問題,最好在CSS?我想讓左側的數字仍然與右側對齊,但仍然將整個列表與文本左側對齊。

lists http://img338.imageshack.us/img338/8957/lists.jpg

我知道你可以做到這一點使用表格,但是這不是一個真正的有序列表,現在是什麼呢?

編輯:請注意list-style-position屬性如何使第十個元素將文本向右推,使其不均勻。我想移動右上方的深藍色框,以便深藍色的左邊緣與其周圍的文字對齊,但我不能簡單地設置填充值,因爲它需要移動的量取決於數字項目。

list-style-position http://img707.imageshack.us/img707/9277/liststyleposition.jpg

+1

該做法的「爲什麼」與掛標點有關,您可以在這裏閱讀更多關於它的內容:http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-印刷術 - 第2部分 – 2010-07-08 08:05:11

回答

0

至於提到的其他海報,默認職位是outside

由於不一致性和錯誤,樣式列表很難處理跨瀏覽器。我建議使用JS或服務器端腳本來生成一個包含數字和樣式的span元素(使用循環和whatnot)。

很確定,不可能將跨瀏覽器的風格考慮進IE瀏覽器的可怕列表中,將錯誤記錄在內。

相關問題