html – 左侧和右侧部分选择选项的文本对齐？

概述我有一个选择框,我需要将一些选项的文本对齐到左边,其余部分放在右边,如下所示： | option 1 0.5 || option 2 1.5 | 那可能吗？我想把div放在选项中,但是在搜索是否允许我跑过几个地方说它不是. 谢谢你的帮助. option element内容被视为纯文本(没有标记被识别),因此没有直接的方法来做到这一点.作为一种笨拙的解决方法,您可以使用等宽字体 我有一个选择框,我需要将一些选项的文本对齐到左边,其余部分放在右边,如下所示：

| option 1      0.5 || option 2      1.5 |

那可能吗？我想把div放在选项中,但是在搜索是否允许我跑过几个地方说它不是.

谢谢你的帮助.

解决方法 option element内容被视为纯文本(没有标记被识别),因此没有直接的方法来做到这一点.作为一种笨拙的解决方法,您可以使用等宽字体手动格式化选项并使用不间断空格：

<style>    select,option { Font-family: Consolas,monospace; }    </style>    <select>    <option>option 1          0.5    <option>option 2          1.5    <option>one more option 110.5    </select>

(其中选项元素内的空格是不间断空格;如果您不知道如何在创作环境中键入不间断空格,请使用& nbsp;).

一种完全不同的变通方法或方法是用一组复选框(或者,取决于所需的逻辑,单选按钮)和相关标签来替换select元素.然后,您可以在表中表示此数据并在其上设置合适的格式：

<table>    <tr><td><input type=checkBox> <td>option 1 <td align=right>0.5    <tr><td><input type=checkBox> <td>option 2<td align=right>1.5    <tr><td><input type=checkBox> <td>one more option <td align=right>110.5    </table>

总结

以上是内存溢出为你收集整理的html – 左侧和右侧部分选择选项的文本对齐？全部内容，希望文章能够帮你解决html – 左侧和右侧部分选择选项的文本对齐？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。