不要在標題類中打斷單詞

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;
}

別的東西正在分解。 如果與腳本相關，則可能無濟於事。