white-spacing,word-break,word-wrap的区别
今天工作中遇到了需要让汉字和英文词汇均不换行的需求,同时需要考虑兼容性问题,除了white-space:nowrap或者pre。顺带将所有相关的知识补了一下。
首先是white-space,在没有设定white-space情况下
#test {font-size: 20px;margin: 0 auto;background: grey;width: 100px;color: black;}style>
head><body><div id="test">dsafdsf adsfsadfdafadf div>body>html>
结果图为:
接着是nowrap
#test {font-size: 20px;margin: 0 auto;background: grey;width: 100px;color: black;white-space: nowrap;}style>
head><body>
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
