特殊字符前的换行符

Line break before a special character

本文关键字：换行符 特殊字符      更新时间：2023-09-26

我使用模板网页，供应商不允许更改系统中的大部分内容。但是我可以访问网页的HTML和CSS，是否可以在"（"字符之前加一个换行符。CSS或HTML足够吗？或者我需要另一种编码吗？

我喜欢HTML；（该链接的链接和标题来自我无法访问或更改的内联代码）此外，该HTML代码是从网站的CMS自动生成的，因此，它不能像在"（"之前添加break代码那样更新。换句话说，它不会显示在网站HTML中，它从其他地方回忆起我无法更新。因此，我需要一个识别"（"字符的代码。并将break放在它之前。因为它的文本不总是相同的长度。

 <div class="showcaseTitle">
    <a href="tour_package_ID_0011.html">
        Tour Package (129€)         </a>
</div>

我喜欢CSS；

.showcaseTitle {
height: 32px;
position: relative;
overflow: hidden;
margin: 0 0 5px;
}

它显示在网站的主页上，只有一行，但我需要把价格放在第二行，比如下面

旅游套餐
（129欧元）

我该如何解决这个问题？

非常感谢

编辑：

如注释中所述，您不能更改HTML，因此注释中的thx到Harry是一个JS函数，它将所有"("字符替换为"<br>("，因此您将在"（"字符之前有一个换行符。

var txt = document.getElementsByClassName('showcaseTitle')[0].innerHTML;
txt = txt.replace(/'(/g, '<br>(');
document.getElementsByClassName('showcaseTitle')[0].innerHTML = txt;
<div class="showcaseTitle">
    <a href="tour_package_ID_0011.html">
        Tour Package (129€)         </a>
</div>

原始答案：

由于您可以更改HTML标记，最简单的方法是在HTML中添加换行标记（<br/>）：

<div class="showcaseTitle">
    <a href="tour_package_ID_0011.html">
        Tour Package
        <br/> <!-- this line ! -->
        (129€)
    </a>
</div>
相关文章：