<a href> 标签内的换行符答案

【问题标题】：Line break inside <a href> tag<a href> 标签内的换行符
【发布时间】：2019-11-14 10:51:34
【问题描述】：

有点情况。我正在使用 Wordpress Magnific 弹出插件，它从媒体库中获取图片。在图片上我有一个标题、alt 和一些标题，当我在我的页面上输入它时在灯箱之外，我在检查它时得到了这个代码。问题是我无法使用任何 html 来使用它。我想这一定是因为它的内部标签。我想知道是否有可能让它在其中包含 html，因为我需要在其中使用换行符？

<figure> <a href="https://somepage.com/somepage/image.jpeg" data-rel="lightbox-gallery-1234" data-magnific_type="image" data-rl_title="Some Title" data-rl_caption="Caption for the picture and some more text" title="Some title"> <img src="https://somepage.com/somepage/image.jpeg" data-link="https://somepage.com/somepage/image.jpeg"> </a></figure>

【问题讨论】：

标签： html wordpress line-breaks magnific-popup

【解决方案1】：

检查这个问题：CSS data attribute new line character & pseudo-element content value

同样适用于你。

【讨论】：

感谢您的回答，我已经尝试过了，但仍然无法正常工作。它只是吸收了文本中的元素，并且对此完全没有任何作用。当我打开灯箱时，该元素也会从标题中消失

【解决方案2】：

找到了我的问题的答案。添加空白：预包装；到 CSS 和 &#13; 用作换行符

【讨论】：