我可以将HTML选择选项文本分组到列中

Question

我有一个带有文本的HTML选择选项，我想将其分组到已对齐的列中。我尝试使用inline-block：

<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？

Answer 1

不幸的是，option元素为can't set the style，background-color和color除外。

但我们可以尝试使用 和等宽字体，例如courier。

select, option {
  font-family: courier;
}

<select>
  <option>A:&nbsp;&nbsp;Lorem Ipsum</option>
  <option>AA:&nbsp;Fusce efficitur ante</option>
</select>