CSS版本选择及React项目中word-break属性W3C验证问题咨询
CSS版本选择与word-break属性问题解答
关于CSS2.1还是CSS3特性的选择
- 现在完全可以放心用CSS3特性啦!市面上主流浏览器(Chrome、Firefox、Safari、Edge这些)对CSS3的支持已经相当完善,几乎能覆盖绝大多数用户。除非你的项目必须兼容IE8及更早这种超老旧浏览器,否则真没必要局限在CSS2.1里。CSS3的Flexbox、Grid布局,还有各种动画、特效能力,能帮你省不少事儿,还能提升用户体验呢。
关于word-break:break-all的验证报错问题
- 你碰到的W3C验证器提示,是因为
word-break是CSS3才新增的属性,CSS2.1里根本没有这个属性,用CSS2.1的规则去验证自然会报错。 - 但这完全不影响实际使用哦!现在主流浏览器都支持这个属性,它能正常帮你实现浏览器窗口调整时文本自动换行的需求。
- 要是你特别想让验证通过,也可以试试CSS2.1里的
word-wrap: break-word(现在这个属性已经改名叫overflow-wrap: break-word了,不过旧写法大部分浏览器也兼容),它也能达到类似的换行效果,而且符合CSS2.1的规范。
没关系的呀,谁都是从新手阶段过来的,前端领域知识点又多又杂,有问题太正常了,不用不好意思😊
内容的提问来源于stack exchange,提问作者yaobin
相关产品推荐
相关产品推荐

