HTML 选择项目水平显示

Question

早上好，

我正在开发一个 web 应用程序，我需要一个水平输入，让用户选择一个值，但单选按钮不是一个选项。我想过使用具有范围类型的输入，但这在 IE 8 或 9 中不受支持。有什么方法可以在 chrome 和 IE 中水平显示选择选项？

我的html代码是：

<select size="4">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select> 

它目前看起来像这样：

有没有办法让选项并排显示？我尝试向选项添加内联块显示，但没有任何变化。

- - 编辑 - -

我不想使用单选按钮，因为我正在使用 js 创建用户也可以选择的新项目，并且使用单选按钮我必须手动更改按钮名称。

Answer 1

这是你追求的吗？

select {
    display:table-row;
}
option {
    display:table-cell;
}

http://jsfiddle.net/rjmnmcru/