我的问题是HTML和CSS相关.我有一个层次结构类型结构,我想在列表中显示.层次结构包含国家,州和城市(深层次为三级).
我想在选择列表中显示列表,每个项目类型(国家,州,城市)必须是可选择的.这些项目应缩进为:
United States
- Hawaii
-- Kauai
- Washington
-- Seattle
-- Chelan
问题在于缩进.我试图使用margin-left或padding-left来缩进标签,这在FireFox中显示正确但在IE7中不正确.这是生成的选择列表的示例:
<select name="Something">
<option style="padding-left: 0">United States</option>
<option style="padding-left: 20px">Hawaii</option>
<option style="padding-left: 40px">Kauai</option>
<option style="padding-left: 20px">Washington</option>
<option style="padding-left: 40px">Seattle</option>
<option style="padding-left: 40px">Chelan</option>
</select>
我想在不使用CSS hacks的情况下在浏览器中实现一致的缩进.