在特殊字符前换行

Question

我使用模板网页,供应商不允许更改系统中的大部分内容.但是我可以访问网页的HTML和CSS,是否可以在"("字符之前放置换行符.是CSS还是HTML足够还是我还需要其他编码？

我喜欢HTML; (该链接的链接和标题来自内联代码,我无法访问或更改)此外,此HTML代码自动从网站的CMS生成,因此无法更新,如在"("之前添加中断代码.换句话说,它不会在网站HTML中显示,它从其他地方回忆起我无法更新.因此我需要一个能够识别"("char.并在它之前放置它的符号的编码.因为它的文本并不总是相同的长度.

 <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所以THX以哈里在评论这里是一个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>