html – 在“SELECT”标签中呈现“OPTION”层次结构

概述我的问题是HTML和CSS相关。我有一个层次结构类型结构，我想显示在列表中。层次结构包含国家，国家和城市(深入三个层次)。 我想在选择列表中显示列表，每个项目类型(国家，州，市)必须是可选择的。项目应显示为缩进： United States- Hawaii-- Kauai- Washington-- Seattle-- Chelan 问题在于缩进。我正在尝试使用左侧边距或左侧的左侧缩进标 我的问题是HTML和CSS相关。我有一个层次结构类型结构，我想显示在列表中。层次结构包含国家，国家和城市(深入三个层次)。

我想在选择列表中显示列表，每个项目类型(国家，州，市)必须是可选择的。项目应显示为缩进：

United States- Hawaii-- Kauai- Washington-- Seattle-- Chelan

问题在于缩进。我正在尝试使用左侧边距或左侧的左侧缩进标签，这些标签在firefox中显示正确，但在ie7中却不正确。这是生成的选择列表的示例：

<select name="Something"><option >United States</option><option >Hawaii</option><option >Kauai</option><option >Washington</option><option >Seattle</option><option >Chelan</option></select>

我想通过浏览器实现一致的缩进，而不使用CSS黑客。

解决方法 欺骗的方式好多了，是我的第一个想法。作为替代，如果不起作用是可以使用标签值中的非空格：

<select>    <option>select me</option>    <option>&nbsp;me indented</option>    <option>&nbsp;&nbsp;even more indentation</option></select>

它远离漂亮，但如果optgroup没有，它可能适用于您。

总结

以上是内存溢出为你收集整理的html – 在“SELECT”标签中呈现“OPTION”层次结构全部内容，希望文章能够帮你解决html – 在“SELECT”标签中呈现“OPTION”层次结构所遇到的程序开发问题。

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