li的寬度這么隨著li的文字大小而變化。就間距相等而寬度不相等。不使用內邊距能否實作
uj5u.com熱心網友回復：
有哪位大佬回答下uj5u.com熱心網友回復：
這個還是平時使用dom經驗積累的問題塊級元素定義float, position:absolute, display:inline-block 都會開啟內容支撐容器尺寸的模式(保持其width,height為auto)，你說的場景類似于橫向排布的標簽列，可以參考如下css
<style>
ul{ list-style:none; padding:10px; margin:0;}
li{ float:left; padding:.2em; margin:5px; border:1px solid #ccc;}
</style>
<ul>
<li>tip1</li><li>hello world</li><li>seem ok</li>
</ul>
文字大小變化來支持li寬度和高度是float:left起的作用，間距相等margin起的作用
uj5u.com熱心網友回復：
不使用內外邊距能否實作。uj5u.com熱心網友回復：
我看魅族官網他們的li的寬度都不一樣，比如2個字的寬度和3個字的寬度不一樣，且沒有使用內外邊距就單純的寬度uj5u.com熱心網友回復：
我看魅族官網他們的li的寬度都不一樣，比如2個字的寬度和3個字的寬度不一樣，且沒有使用內外邊距就單純的寬度
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/73978.html
標籤：HTML(CSS)