我們有一個自適應的佈局,其中一些列表中的元素以水平方式顯示:全證明了li元素
| Li1 | Li2 | Li 3 | Li4 |
很顯然,我可以只設置
ul {width:100%}
ul li {width:25%}
要讓李的變化大小的瀏覽器改變大小。但是,即使瀏覽器展開,我們也希望最左側的li的左側邊緣與最右側的li右側邊緣對齊到左側邊緣對齊。
Li1 Li2 Li3 Li4
| |
Li1 Li2 Li3 Li4
| |
Li1 Li2 Li3 Li4
| |
有沒有辦法用純css來做到這一點?
當然,這正是您的示例CSS所做的嗎? – 2012-04-04 22:18:23
只是要清楚 - 你在談論文本對齊?即你想讓最左邊的元素留下文本對齊,並且最右邊的有正確的文本對齊,也許...中間的元素有中心文本對齊? – Dan 2012-04-04 22:23:27
不完全...對於示例css,li內的文本可以是左對齊,右對齊或中心對齊,因此不能保證文本將正確排列,只有li元素的框對齊邊緣。 – 2012-04-04 22:24:07