特殊字符前的换行符

Question

我使用模板网页，并且供应商不授予更改系统中大多数内容的权限。 但是我可以访问Web的HTML和CSS，是否可以在“（”字符前插入换行符。CSS或HTML是否足够？还是需要其他编码？

我有像HTML （该链接的链接和标题来自我无法访问或更改的内联代码）此外，此HTML代码是从网站的CMS自动生成的，因此无法像在“（”之前添加中断代码那样进行更新。换句话说，它不会如网站HTML所示，它从其他地方回想起了我无法更新的情况。因此，我需要一种能够识别“（”字符，并在其前面加上分号的编码，因为它的文本长度并不总是相同。

 <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€）

我怎么解决这个问题 ？

非常感谢你

Answer 1

编辑：

如注释中所述，您无法更改HTML，因此注释中的 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>