当前位置: 首页 > 面试题库 >

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

逄嘉禧
2023-03-14
问题内容

我的问题是与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 hack的情况下实现跨浏览器的一致缩进。


问题答案:

减法更好,这是我的第一个想法。或者,如果不起作用,则可以在标记值中使用不间断空格:

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

它远非漂亮,但如果optgroup不起作用,它可能对您有用。



 类似资料:
  • 问题内容: 我遇到一个奇怪的问题:我制作了2个视图控制器,可以用代码切换视图: 我的应用程序正确地向第一个视图控制器打开,然后,当我单击在Sprite Kit场景上创建的按钮时,我可以成功地将视图切换到新的视图控制器(我成功显示了第二个场景),但是,我可以切换后不再更改我的视图控制器。如果再次单击该按钮,则会收到以下消息: 尝试在Test_Vuforia.GameViewController上显示

  • 问题内容: 我正在开始一个JSF项目(这是我第一次使用JSF),并且在呈现标签方面遇到问题。我正在Eclipse中进行开发,并将TomCat用作服务器。 我的login.jsp文件:https : //gist.github.com/code-curve/e7e557262d407dddd1f3 我的web.xml文件:https : //gist.github.com/code-curve/52

  • 本文向大家介绍JQuery 获取多个select标签option的text内容(实例),包括了JQuery 获取多个select标签option的text内容(实例)的使用技巧和注意事项,需要的朋友参考一下 根据option的id属性,修改text值 获取多个select(使用class属性,切值相同)下的所有option的text值 如果select中间没有级联关系,那么所有的option都已经

  • 我有这样的层次结构: 因此,用户可以添加他的工作经验。此外,他还可以为特定的项目添加角色。 我想为用户id 1获取项目,但项目之间只有关系 获取用户 获得工作经验 获取角色 获取项目 因此,如果我有更多不同工作经验的角色,我就必须提出20个请求才能得到我的项目。这不是很有效率吗?我必须加载一些不必要的数据。。。 是否可以只创建endpoint:并按用户ID过滤它? 应该如何在API上管理它?对我来

  • 主要内容:​select标签常用属性,传递多个参数在 MyBatis 中,select 标签是最常用也是功能最强大的 SQL 语言,用于执行查询操作。 select 示例语句如下。 以上是一个 id 为 selectAllWebsite 的映射语句,参数类型为 string,返回结果类型为 Website。 执行 SQL 语句时可以定义参数,参数可以是一个简单的参数类型,例如 int、float、String;也可以是一个复杂的参数类型,例如 J

  • 尝试让字符串标签呈现在我的条形图的 x 轴上。只是没有出现。下面是代码片段。一切都很好,除了标签没有显示。我已经尝试设置以下内容,但仍然一无所获。 ...