列表選擇標記的選項

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>