html – 跨div的等距单选按钮

概述我试图在div的整个宽度上跨越动态数量的单选按钮而不使用表格(如果可能的话).我不希望它们在div的左边,右边或中间有一团,但是我希望它们沿着宽度等间隔,每个按钮的两边都有相同的空白. <div style='width:100%'> <input type="radio"> <input type="radio"> <input type="radio"> <input type 我试图在div的整个宽度上跨越动态数量的单选按钮而不使用表格(如果可能的话).我不希望它们在div的左边,右边或中间有一团,但是我希望它们沿着宽度等间隔,每个按钮的两边都有相同的空白.

<div style='wIDth:100%'>  <input type="radio">  <input type="radio">  <input type="radio">  <input type="radio"></div>

这可以在CSS中完成吗？如果没有,是使用桌子的最佳选择吗？

解决方法 这不适用于< ie8.您可以通过浮动它们来提供条件注释样式表回退. 例 HTML

<div ID="container">    <div><input type="radio"></div>    <div><input type="radio"></div>    <div><input type="radio"></div>    <div><input type="radio"></div></div>

CSS

#container {    display: table;      wIDth: 100%;}#container div {    display: table-cell;     text-align: center;}

jsFiddle.

Test it by adding new elements.

总结

以上是内存溢出为你收集整理的html – 跨div的等距单选按钮全部内容，希望文章能够帮你解决html – 跨div的等距单选按钮所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。