Question

任何人都知道在表格下拉列表中创建对齐列的解决方案吗？

也许用css

跨浏览器会很方便...... e.g。

<select size="1">
<option> John Smith      | 24 | United States</option>
<option> Johnny Vegas    | 34 | United Kingdom</option>
<option> Andrew Townsend | 34 | Canada</option>
</select>

垂直条只是列对齐的表示..

希望有意义

Answer 1

使用css无法完成，你可以添加空格来缩进它，就像你对问题所做的那样。

<select size="1">
    <option> John Smith &thinsp; &thinsp; &thinsp; &thinsp;&thinsp;&thinsp;&thinsp;&thinsp;  | 24 | United States</option>
    <option> Johnny Vegas&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp; &thinsp;| 34 | United Kingdom</option>
    <option> Andrew Townsend | 34 | Canada</option>
</select>

LIVE DEMO

Answer 2

如果您担心以库的形式向页面加载添加其他请求，那么解决此问题的最佳方法是使用CSS创建ul-li可见自定义下拉列表并附加点击事件每个li都操纵一个隐藏的选择。使用CSS和jQuery / javascript相当容易（我更喜欢jQuery，因为它的输入较少，我已经习惯了）。

Answer 3

gdoron让我思考，所以我为后来发现这个帖子的人写了一个快速的PHP黑客

$name = str_replace("_", "&nbsp;", str_pad($name , 50 ,"_"));

我确定在php中有其他方法可以做到这一点..

非常确定这可以跨浏览器进行测试！

确保您设置

的样式

select style="font-family: monospace;"

可以在表单下拉列表中创建列吗？

3 个答案: