html中的多列列表框

Question

有没有办法在html中创建一个多列列表框，它会正确对齐每个列，以便所有列都与列标题垂直对齐？例如：

Plate    State  Make     Model    Year   Color
G655555  IL     Mercury  Montago  2007   Black
G655555  IL     Ford     Windstar 2007   Grey

而不是

Plate    State  Make     Model    Year   Color
G655555  IL     Mercury  Montago  2007   Black
G655555  IL     Ford  Windstar   2007   Grey

我使用的是列表框而不是表格，因为我希望能够选择正在显示的数据。我不确定我是否可以用桌子做到这一点。所以无论哪种方式，有人可以告诉我如何对齐列表框列，或者我可以在表中看到按行而不是列选择项的方法。

Answer 1

没有。浏览器更喜欢在大多数输入接口上匹配操作系统。大多数浏览器忽略HTML和CSS 里面的 OPTION标签。您可以在SELECT或OPTION标记上将字体设置为等宽字体。

我认为可能有更好的方法来构建您想要的UI ...我还必须质疑为什么有人想要将六个数据字段放在列表框中的一个表单值中。

如果您要显示表格数据，请使用表格。如果要选择行，则为每行添加一个复选框（用于多个选择）或单选按钮（用于独占选项）。