HTML数据标题，换行符

Question

我正在使用此代码：

有什么办法可以使数据标题中的文本换行？

谢谢。

<ul>
                    <a id="inline" href="#lightbox-content" href="#"><li data-title="Palestra de Sucesso"><div class="video-thumb"></div></li></a>
                    <a id="inline" href="#lightbox-content" href="#"><li data-title="Bons Negocios para Todos"><div class="video-thumb"></div></li></a>
                    <a id="inline" href="#lightbox-content" href="#"><li data-title="Seja Bem Sucedido em sua Carreira"><div class="video-thumb"></div></li></a>
                    <a id="inline" href="#lightbox-content" href="#"><li data-title="Qual o Preço do Sucesso?"><div class="video-thumb"></div></li></a>
                    <a id="inline" href="#lightbox-content" href="#"><li data-title="Você está preparado para 2014?, veja como estar"><div class="video-thumb"></div></li></a>
                </ul>

Answer 1

以后再用折线使用？ 因为您可以在html内换行，没有问题。 它读取的是“到”，而不是行。

Answer 2

您的问题有点含糊。 您是否要在数据标题属性值内的某行上插入换行符？ 因为HTML允许您在任意位置添加换行符，而不会引起页面渲染问题。

您的标记有点草率。 您将锚标记作为无序列表中的直接子代。 您的<li>标记应该是列表的唯一直接子代，它们应该位于您的anchor和div标记周围。 像这样：

<ul>
    <li data-title="Palestra de Sucesso">
        <a id="inline" href="#lightbox-content" href="#">
            <div class="video-thumb"></div>
        </a>
    </li>
    <li data-title="Bons Negocios para Todos">
        <a id="inline" href="#lightbox-content" href="#">
            <div class="video-thumb"></div>
        </a>
    </li>
    <li data-title="Seja Bem Sucedido em sua Carreira">
        <a id="inline" href="#lightbox-content" href="#">
            <div class="video-thumb"></div>
        </a>
    </li>
    <li data-title="Qual o Preço do Sucesso?">
        <a id="inline" href="#lightbox-content" href="#">
            <div class="video-thumb"></div>
        </a>
    </li>
    <li data-title="Você está preparado para 2014?, veja como estar">
        <a id="inline" href="#lightbox-content" href="#">
            <div class="video-thumb"></div>
        </a>
    </li>
</ul>

作为我如何解释您的问题的示例，您可以在data-title属性中换行，如下所示：

<ul>
    <li data-title="Palestra de 
    Sucesso"><a id="inline" href="#lightbox-content" href="#"><div class="video-thumb"></div></a></li>
    <li data-title="Bons Negocios 
    para Todos"><a id="inline" href="#lightbox-content" href="#"><div class="video-thumb"></div></a></li>
    <li data-title="Seja Bem Sucedido 
    em sua Carreira"><a id="inline" href="#lightbox-content" href="#"><div class="video-thumb"></div></a></li>
    <li data-title="Qual o Preço 
    do Sucesso?"><a id="inline" href="#lightbox-content" href="#"><div class="video-thumb"></div></a></li>
    <li data-title="Você está preparado 
    para 2014?, veja como estar"><a id="inline" href="#lightbox-content" href="#"><div class="video-thumb"></div></a></li>
</ul>

Answer 3

是的，只需按Enter键，或通常用于换行的任何内容，例如

     <li data-title="Você está preparado para 2014?,
veja como estar">

（第二行应该没有前导空格，除非您确实希望在其中有空格。就属性值的意义而言，那里的任何空格都是重要的。）

通过HTML5 CR，这将在属性值中添加一个换行符。 在DOM中，它被规范化为LINE FEED，U + 000A。 然后由您的代码来执行您想要的任何操作。

注意：您的标记无效，并且效果未定义。 一个ul元素不能包含a孩子。 您可以使用（按照HTML5和浏览器惯例） <li><a ....><div>...</div></a></li> 。