制表选择标记的选项

时间:2009-11-16 11:42:41

标签: java html html-select

我目前正在开发一个Struts(1.3.10)应用程序,我试图在组合框中显示一组数据。每个选项(行)都是由3个不同字符串的并集创建的字符串。

我的问题是,是否可以将组合框中的每个选项中的信息制成表格,以显示您可以在此处看到的示例信息:

Data1 | Data2 | Data3  
DataLargerThan1 | Data2 | DataLargerThan3  
DataMuchLargerThan1| DataLargerThan2 | Data3

应该是

Data1               | Data2           | Data3  
DataLargerThan1     | Data2           | DataLargerThan3  
DataMuchLargerThan1 | DataLargerThan2 | Data3

这可能吗?我正在尝试使用pre标记显示格式化数据,但我还没有得到任何结果。

提前致谢, 卡洛斯

1 个答案:

答案 0 :(得分:2)

最好的办法是使用非破坏空格而不是普通空格。然而,这需要事先准确了解字体宽度。这是最简单的与等宽字体的组合,因为每个字符都有固定的宽度。

示例:

<select style="font-family: monospace;">
    <option>Data1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;Data2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;Data3</option>
    <option>DataLargerThan1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;Data2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;DataLargerThan3</option>
    <option>DataMuchLargerThan1&nbsp;|&nbsp;DataLargerThan2&nbsp;|&nbsp;Data3</option>
</select>