【问题标题】:Tabulating an option of a select tag制表一个选择标签的选项
【发布时间】:2012-07-29 18:25:15
【问题描述】:

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

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

数据1 |数据2 |数据3
数据大于 1 |数据2 |数据大于3
数据多大于 1|数据大于 2 |数据3

应该是

数据1 |数据2 |数据3
数据大于 1 |数据2 |数据大于3
数据MuchLargerThan1 |数据大于 2 |数据3

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

提前致谢, 卡洛斯

【问题讨论】:

    标签: java html html-select


    【解决方案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>
    

    【讨论】:

    • 感谢您的信息。似乎与  它确实保留了空格。非常感谢!
    猜你喜欢
    • 2017-02-21
    • 1970-01-01
    • 2014-11-18
    • 2019-04-08
    • 2020-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多