CSS之换行

     在项目中，常常遇到一些问题，可以通过CSS来快速解决，比如受到布局影响会导致内容溢出，这个时候就可以使用CSS换行解决

     自动换行： { word-wrap:break-word; }

     强制不换行： { white-space:nowrap; }

     允许在英文单词内断行： { word-break:break-all; }

 

     word-wrap:  normal  （只在允许的断字点处换行）

                        break-word  （允许在长单词或URL内部换行）

 

     white-space： normal  （空白会被浏览器忽略）

                            pre （空白会被浏览器保留）

                            nowrap （文本不会换行，直到遇见<br />）

                            pre-wrap （保留空白符序列，但会正常的换行）

                            pre-line （合并空白符序列，但会保留换行符）

 

       word-break： normal（浏览器默认的换行规则）

                             break-all （允许在单词内换行）

                             keep-all（只能在半角空格或连字符处换行）

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有