列表选择标记的选项

Question

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

我的问题是，如果有可能能够制作从组合框中选择每一个选项的信息，显示如示例中的信息，你可以在这里看到：

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

应该

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

这可能吗？我试图用pre标签显示格式化的数据，但我还没有得到任何结果。

由于提前， 卡洛斯

Answer 1

最好的你可以做的是使用非打破空间，而不是正常的空间。然而，这需要事先精确地知道字体宽度。由于每个字符都具有固定的宽度，所以与单宽字体相结合是最容易的。

例子：

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