在选项中删除和添加缩进选项

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在选项中删除和添加缩进选项相关的知识,希望对你有一定的参考价值。

目前,我正在为元素中的标记设置缩进以创建层次结构。

<select>
    <option> Option 1 </option>
    <option> &nbsp;&nbsp;Option 2 </option>
    <option> &nbsp;&nbsp;Option 3 </option>
    <option> Option 4</option>
<select/>

但是,当选择选项2时,与选项1相比,它前面有一个尴尬的空间。当我深入到层次结构中时,这个空间变得更加明显。

Option 1 vs Option 2

我已经有办法在显示选项时删除空格,但我需要能够在再次显示选择下拉列表时将其添加回来。

编辑:我玩过optgroup,但总有一个空白标签有额外空间的问题。

答案

尝试使用&emsp而不是不间断的空间。这样,所选选项将不会显示左侧的空格。但是,这在某些旧版浏览器上不兼容。

另一答案

好的,一种方法是删除onchange select,然后单击on select在你的选项上再次添加,你想添加额外的空间。但这将很难处理。

其他提示使用。

<select>
    <option> Option 1 </option>
    <option> &emsp;Option 2 </option>
    <option> &emsp;Option 3 </option>
    <option> Option 4</option>
<select/>

看看为您创建的codepen:https://codepen.io/anon/pen/wZXoBK

享受欢呼

以上是关于在选项中删除和添加缩进选项的主要内容,如果未能解决你的问题,请参考以下文章

操作栏标签片段中的片段?

jslint 是不是有缩进选项或已被删除?

刷新标签片段和 viewpager

Notepad++/Eclipse sql代码自动缩进选项?

如何在片段选项卡中添加另一个活动(例如视频活动)?

Android 在 Fragment 中添加选项卡