2

我想知道,我可以在 Li 标签后加上文字吗?它是正确的吗?例子

<ul>
    <li>Text</li>
    Text here after tag
    <li>Text</li>
    Text here after tag
</ul>

编写这样的代码将从li缩进的标签中返回点,这就是我想要实现的。

4

3 回答 3

3

关于您的屏幕截图-以下代码可以满足您的要求

<ul>
    <li>Text</li>
    <span>Text here after tag</span>
    <li>Text</li>
    <span>Text here after tag</span>
</ul>

css

span {
    margin-left: -15px;
}

这是一个小提琴:http: //jsfiddle.net/P2CXF/

请注意,W3C 标记验证器会抛出错误。该<span>标签不允许作为子标签<ul>

编辑:

这个将验证(谢谢@Ma3x)

<ul>
    <li>Text<br />
    <span>Text here after tag</span></li>
    <li>Text<br />
    <span>Text here after tag</span></li>
</ul>

您也可以使用<p>代替<span>.

于 2013-07-25T14:03:24.927 回答
2

像这样使用<br />

<ul>
<li>Text<br />Text here after tag</li>

<li>Text<br />Text here after tag</li></ul>

如果您打算做的只是将文本分解到下一行,将产生相同的效果并在语义上更有意义。

小提琴

于 2013-07-25T13:57:36.113 回答
0

li通过 HTML 语法,元素之间的文本是无效的。但是您似乎真正要求的是在您的jsfiddle中进行渲染,这可以通过使用类似的标记来实现

<ul>
    <li>Text<br>
    Text here
    <li>Text<br>
    Text here
</ul>

以及使列表项目符号出现在“内部”的样式表:

ul { list-style-position: inside }

见我的jsfiddle

于 2013-07-25T15:12:33.117 回答