Question

我有一个Wordpress网站......

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

帖子填充如下。 （我有一个用于添加选择器的帖子标题的类。）

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

当帖子标题与上面一样大时会出现问题 - 这种情况发生在足够的实例中以便照顾...例如下面..

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;来恢复到仅在单词之间断开的默认行为。

Answer 2

您可以尝试默认将空白区域和分词恢复正常：

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

其他东西正在打破它。如果它的脚本相关，这可能无法帮助您。

不要打破标题类中的单词

2 个答案: