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中的breakline没有问题。它从“to”读取，而不是行。

Answer 2

你的问题有点模糊。您是否询问是否可以在data-title属性值中的某个位置插入换行符？因为HTML允许您在任何地方添加换行符而不会导致页面呈现出现问题。

你的标记有点草率。您将锚标记作为无序列表中的直接子项。你的＆lt; li＆gt;标签应该是列表中唯一的直接子节点，它们应该在你的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>

作为我如何解释你的问题的一个例子，你可以在数据标题属性中断行，如下所示：

<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>。

HTML数据标题，断行

3 个答案: