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

cat*_*use 8 css list tooltip

我知道<span>tag是一个内联元素,<li>而是一个块元素.但是,我们有一个使用<span>标签的工具提示,我们希望将该工具提示中的文本放入列表中.但是,放入<ul><li>内部跨度并不适用于所有浏览器(并且它无效).

这是HTML代码:

<a class='tooltip'>Text<span>Text that we want to become a list</span></a>
Run Code Online (Sandbox Code Playgroud)

有可能的解决方法吗?

Pau*_*aul 0

尝试这个。如果您想将块元素放入内联元素中,您可能确实希望它们都是块元素:

<a class='tooltip' style="display: block;">Text
    <div>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
        </ul>
    </div>
</a>
Run Code Online (Sandbox Code Playgroud)

或者对于所有的工具提示:

a.tooltip{
    display: block;
}
Run Code Online (Sandbox Code Playgroud)