0

我<ul>在<span>. 原因是我希望下拉列表与<span>使用的文本一样宽width: 100%，而不是硬 px 值，因为不同页面上的文本长度不同。

使用<ul>inside a<span>有效但无效。什么是有效的<u>, <small>, <b>, <strong>等等，但它们对我不想要的文本有效果/样式。

我需要的是一个像 span 这样的虚拟元素，对我可以添加自己的类的文本没有影响（用于突出显示）。但它必须是<ul>.

或者其他什么好主意。

目前：

<span class="hightlight"> My highlighted text
   <ul class="dropdown">
       <li> .. </li>
       <li> .. </li>
       <li> .. </li>
    </ul>
</span>
4

4 回答 4

3

的块级对应物span是div. 它们都对默认渲染没有任何影响，除了它span是一个内联元素，div是一个块元素。

目前尚不清楚为什么需要容器，因为可能有一些样式会导致您尝试使用容器修复一些问题。默认情况下，ul为全角，即其宽度为可用宽度，即width: 100%. 您可以直接在ul元素上分配类和属性。

关于问题中考虑的其他方法，根据规范u，small等不能包含ul更多内容。span它们具有相同的内容模型。

于 2013-04-11T17:43:24.087 回答
2

A<div>将是平等的。该<span>元素基本上是内联<div>元素。

于 2013-04-11T17:19:03.257 回答
0

您可以使用 aDIV并将其显示为内联，以免中断当前流程。

HTML：

<div class="hightlight"> My highlighted text
   <ul class="dropdown">
       <li> .. </li>
       <li> .. </li>
       <li> .. </li>
    </ul>
</div>

CSS：

.highlight {
    display: inline;
}
于 2013-04-11T17:28:31.947 回答
-2

如果你愿意，你可以使用 strong ，并在 css 中指定它，.highlight { font-weight: normal }这样它就不再是粗体了。

于 2013-04-11T17:18:28.213 回答