不要打断标题中的单词 class

Question

我有一个 Wordpress 网站...

我正在页面上的轮播中动态填充 post 的标题。

post 填充如下。 （我有一个 class 包裹在 post 标题周围用于添加选择器）。

<span class="p_title"> 5 Technologies that will Revolutionize Mobile </span>

当 post 标题与上面一样大时会出现问题 -- 这种情况发生在足够多的情况下需要注意..例如下面..

5 项将彻底改变 M
的技术 obile

我想将换行设置为不在 WORD 之间而是在它之后换行。

5 项革命性的技术
手机

目前我 .p_title 的 css 是：

.p_title {
    display: inline-block !important;
    float: left;
    text-align: left;
    width: 100%;
}

有什么建议吗？

Answer 1

除非 CSS word-wrap 属性已设置为 word-wrap: break-word;，否则长单词不应在单词内中断。如果有，您应该能够通过将属性设置为 word-wrap: normal;.

来恢复到仅中断 between 单词的默认行为

Answer 2

您可以尝试将 white-space 和 word-break 都默认设置为正常：

.p_title {
    display: inline-block !important;
    float: left;
    text-align: left;
    width: 100%;
    word-break: normal;
    white-space: normal;
}

其他东西正在破坏它。如果它与脚本相关，这可能对您没有任何帮助。

不要打断标题中的单词 class

Don't break words in title class

css

wordpress

jquery