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 ，因此Harry中的comments是一个替换所有＆＃的JS函数34; (＆＃34;字符由＆＃34; <br>(＆＃34;因此，您将在＆＃34;（＆＃34;字符。

之前有换行符

＆＃13;

var txt = document.getElementsByClassName('showcaseTitle')[0].innerHTML;

txt = txt.replace(/\(/g, '<br>(');

document.getElementsByClassName('showcaseTitle')[0].innerHTML = txt;

＆＃13;

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

＆＃13;

原始回答：

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

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

在特殊字符前换行

1 个答案: