相关疑难解决方法(0)

HTML列表元素:将父宽度共享为相等的部分

我有一个父母<ol>和几个<li>项目.

<ol style='width=800px;display :block;float:left;'>
   <li style='display :block;float:left;'> Item 1  </li>
   <li style='display :block;float:left;'>  Item 2 </li>
   <li style='display :block;float:left;'>  Item 3 </li>
   <li style='display :block;float:left;'>  Item 4 </li> 
</ol>
Run Code Online (Sandbox Code Playgroud)

有没有什么方法可以安排我的列表项目,它将平均划分父宽度(800px),每个项目将具有相同的宽度?即每个<li>将采用200px宽度.

我不想硬编码这个值.是否有任何样式属性可以做到这一点?

我不想将宽度硬编码为20%或者其他东西,因为列表项是动态添加的.有时可能是4或5或6

html css

20
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1