white-space空格处理 css white-space这个css样式,用来设置element元素对内容中的空格的处理方式,有着几个可选值:normal,nowrap,pre,pre-wrap,pre-line。没有设置white-space属性,则默认为white-space:normal。 normal表示合并空格,多个相邻空格合并成一个空格,在源码中的换行作为空格处理,只会根据容器的大小进行自动换行。 这里的空白是值空白字符,包括空格,制表符等空白字符,下面为了行文方便,统一用“空格”代表。 white-space:nowrap不换行 white-space:nowrap和normal一样,也合并空格,但是不会根据容器大小换行,表示不换行。 .wscont{ margin:12px; padding:12px; width:300px; background: #f1f1f1; border:1px solid #bababa; line-height:32px; font-size: 15px; font-family: "微软雅黑" ; white-space:nowrap; } <div class= "wscont" > 妹纸前端测试white-space属性, white-space属性的keywrod值。 </div> 效果如下: white-space