我有一个 HTML 选择选项,其中的文本我想分组为对齐的列。我尝试使用内联块:
<select>
<option><span div="display:inline-block;width:3em;">A:</span><span style="display:inline-block;width:5em;">Lorem Ipsum</span>
</option>
<option><span div="display:inline-block;width:3em;">AA:</span><span style="display:inline-block;width:5em;">Fusce efficitur ante</span>
</option>
</select>
我想得到输出:
A Lorem Ipum
AA Fusce efficitur ante
有没有 Twitter Bootstrap 可以解决这个问题?
不幸的是,我们无法设置样式 https://stackoverflow.com/questions/7208786/ for option
元素,除了background-color
and color
.
但我们可以尝试使用
和等宽字体courier
.
select, option {
font-family: courier;
}
<select>
<option>A: Lorem Ipsum</option>
<option>AA: Fusce efficitur ante</option>
</select>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)