CSS连字符抛出错误(无效的属性值)

时间:2017-09-20 06:03:24

标签: html css web hyphen

我想打破文本白色连字符,但它会带来错误:

enter image description here

  

它说:" Invlaid属性值"。

但他们在许多文档中说," auto"价值存在!

它应该打破这个文本白色连字符:

enter image description here

我希望,有人可以帮我解决这个问题!

5 个答案:

答案 0 :(得分:2)

添加他们的答案,以检查http://caniuse.com/css-hyphens/embed

上是否有合适的浏览器

您还可以查看MDN的相关文档,看看您的语言词典可能还不支持。

(滚动到底部查看连字词典语言兼容性) https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens

甚至还有一个针对Chrome的脚注:

  

无自动连字,仅支持-webkit-hyphens: none

答案 1 :(得分:0)

如果你看看http://caniuse.com/#feat=css-hyphens,你会发现chrome并不真正支持连字符。

"仅支持Android& Mac平台(现在只有" auto"值)。"

答案 2 :(得分:0)

也许您的浏览器不支持它。选中此选项以获取浏览器支持

http://caniuse.com/#search=hyphens

尝试使用浏览器特定的样式

-webkit-hyphens: auto;
-ms-hyphens: auto;
 hyphens: auto;

检查此JS小提琴https://jsfiddle.net/api/mdn/

更多信息here

答案 3 :(得分:0)

并非所有浏览器都支持连字符:auto位于CSS Text Module Level 3

例如,Chrome仅支持inherit,initial,manual,none和unset以及-Webkit-(13)。您正在使用的浏览器是什么?检查CSS3 browser support以获取更多详细信息。

答案 4 :(得分:0)

Chrome浏览器不支持

'连字符'