设置' Hyphens'在CSS中手动以防止断字

时间:2017-05-23 08:30:58

标签: css wordpress

我已尝试过我所知道并在网上找到的所有内容但我似乎没有成功。

在我身边的某些部分,这些话被打破了。

正如你在图片中看到的那样,我的css将单词" selectiebureau"这应该保持1个字。 enter image description here  当我检查我的网站时,我可以看到以下内容。

`body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.5;
    margin: 0;
    background: #fff;
}`

当我"关闭" "超大:汽车"比我得到我想要的结果。 但是,当我删除"连字符:auto"在我的CSS中,我不再能得到结果。

为了您的信息,我在更改CSS后清除了网站的缓存。

有什么建议我需要在我的CSS中纠正这个问题吗?

您可以在

上找到该网站

1 个答案:

答案 0 :(得分:1)

在你的CSS中你现在有这个:

body {
hyphens: auto;
line-height: 1.5;
}

如果你删除连字符行,它会删除单词的分解,我认为你试图删除。 (先试试)。

如果由于某种原因您无法/不愿意更改样式表,则需要使用以下内容创建新的css规则:

body {
hyphens: manual !important;
}

根据您的css加载方式,您可能需要也可能不需要'!important'让它发挥作用的指令。

或者你提到你有一个你试图改变的自动换行css规则。您没有为自动换行规则使用正确的值。所以试试这个:

word-wrap:normal;

以下是word-wrap的有效值的一些信息。