发表新帖
发表新帖

Select dropdown menu text split left and right?

后端 未结
关注
2 435
清歌不尽
清歌不尽 2021-01-19 10:08

Not sure if this can be done but can I split the text in the option tags?

Example, normal styling:
提交评论
  •  加载中...
  • 情深已故
    2021-01-19 10:36

    The easier will be to use non proportional (monospaced) font for those boxes and then using right count of nonbreaking spaces like this:

    <style>
    select{
        font-family:monospace;
    }
</style>
<select>
    <option value="">First&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- A</option>
    <option value="">Car&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- B</option>
    <option value="">Black&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- C</option>
    <option value="">Super Duper&nbsp;- D</option>
</select>
    0 讨论(0)
    •  看不清?
    提交回复
    热议问题