不要在标题类中打断单词

Question

我有一个Wordpress网站...

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

该帖子如下所示。 （我有一个围绕帖子标题的类，用于添加选择器）。

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

当帖子标题的大小与上面一样大时，就会发生问题-在足够多的情况下，例如下面的情况下，就会发生此问题。

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

我想将自动换行设置为不在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: break-word; 。 如果有，您应该能够通过将属性设置为word-wrap: normal; ，恢复到仅在单词之间打断的默认行为word-wrap: normal; 。

Answer 2

您可以尝试将空白和断字默认设置为正常：

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

别的东西正在分解。 如果与脚本相关，则可能无济于事。