Question

我知道<span>标记是内联元素，而<li>是块元素。但是，我们有一个使用<span>标记的工具提示，我们希望将该工具提示中的文本放入列表中。但是，将<ul><li>放在span中并不适用于所有浏览器（并且它无效）。

这是HTML代码：

<a class='tooltip'>Text<span>Text that we want to become a list</span></a>

有可能的解决方法吗？

Answer 1

虽然我不担心这个实例中的无效代码，但鉴于你知道它，如果ul li在某些代码中出现问题，你可以执行以下操作，这也可能是无效的：

<a class='tooltip'>Text<span>List item 1<br />
                             List item 2<br />
                             List item 3</span></a>

Answer 2

试试这个。如果你想把一个块元素放在一个内联元素中，你真的希望它们都是块元素：

<a class='tooltip' style="display: block;">Text
    <div>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
        </ul>
    </div>
</a>

或者您的所有工具提示：

a.tooltip{
    display: block;
}

Answer 3

我认为您可以寻找的技术答案是工具提示文本应该包含在锚标记本身的 title 属性中。

<a href="link.htm" title="&bull;List item 1 &#10; &bull;List item 2 &#10;">Text</a>

它仍然不是“美丽”，但在语义上它更接近你正在寻找的东西。另外，您可以使用javascript从锚标记中提取该标题值，以便做更漂亮的事情。

Answer 4

只需使用一个类：

<ul class='melikenachos'>
</ul>

是否可以在span标记内放置一个列表？

4 个答案: