《耐人寻味的CSS属性white-space》,本文所说的white-space是控制换行和留白处理的CSS属性。我曾经对这个属性感到恼火,但我一直不记得它。今天决定写下来好好想想。属性值normal默认值,normal换行符,空白和换行符会被浏览器忽略。你是什??么意思?正常换行是指单词会正常换行,如果下一个单词太长无法显示在当前行的剩余部分,则会在下一行显示。什么情况算作一个词?一个汉字和一个英文单词//这是两个单词TusiBlog//这只算一个单词TusiBlog连续的数字或符号只算一个单词//这只算一个单词,如果太long,不会换行,会Extrudehorizo??ntalscrollbar10000000000000000000000+2000000000000000000*200000000000000空格和换行符会被浏览器忽略。即输入连续的空格,只会显示一个空格的效果;如果您按Enter,它不会更改该行。
00000000000000000>
0000000000000000000000000pre的行为类似于HTML中的pre标签。pre标签一般用来包裹源代码。不会自动换行(想一想,你写代码的时候会不会不回车就换行?),除非在文本中遇到换行符(回车)或者使用了br标签。空白由浏览器保留。这意味着将保留连续的空格,而不是将其合并为一个。Nowrap不换行,内容再多也不会换行。忽略换行符,也就是说回车不会换行,直到遇到br标签。Pre-wrap正常换行和连续空白会被保留Linebreaks(carriagereturn)也是有效的pre-linenormallinebreaks连续空白会合并成换行符(carriagereturn)也是有效inherit继承white-spaceof父元素属性值汇总可以从几个方面比较这些属性值的差异。换行是否正常是否合并连续空格换行是否有效正常Yes是否pre-NoNoNoNowrapNo是否pre-wrap是否pre-lineYesYes还是不记得,评论更多!扫描下方小程序码或搜索土司博客,第一时间阅读最新文章!