网站环境配置,外发加工网会员,做网站必须用tomcat,温州专业手机网站制作哪家好一、white-space属性的常见值
* 原本格式#xff1a; 1、white-space:normal 默认值#xff0c;空格和换行符会被忽略过滤掉#xff1b;宽度不够时文本会自动换行 * 宽度足够时#xff0c;normal 处理后的格式 * 宽度不够时#xff0c; normal 处理后的格式 2、white-spa…一、white-space属性的常见值
* 原本格式 1、white-space:normal 默认值空格和换行符会被忽略过滤掉宽度不够时文本会自动换行 * 宽度足够时normal 处理后的格式 * 宽度不够时 normal 处理后的格式 2、white-space:nowrap 空格和换行符会被忽略过滤掉宽度不够时不会自动换行 不会因为容器的大小自动换行除非遇到br换行符 * 宽度足够时nowrap 处理后的格式 * 宽度不够时nowrap 处理后的格式 3、white-space:pre 同pre标签空格和换行符会被保留显示就算宽度不够时格式也会按照原格式原样显示 * 宽度足够时pre 处理后的格式 * 宽度不够时pre 处理后的格式 4、white-space:pre-wrap 空格和换行符会被保留显示当内容超出容器时自动换行 * 宽度足够时pre 处理后的格式 * 宽度不够时pre 处理后的格式 5、white-space:pre-line 保留显示换行符多个连续的空格会被合并为一个空格显示 适用于显示换行符但是不想显示过多冗余的空格的场景; 注意行首的空格并未显示 * 宽度足够时pre-line处理后的格式 * 宽度足够时pre-line处理后的格式 6、white-space:break-spaces 二、小结
1、white-space:normal和white-space:nowrap 空格和换行符会被忽略过滤掉宽度不够时前者文本会自动换行后者不会自动换行
2、white-space:pre和white-space:pre-wrap 空格和换行符会被保留显示宽度不够时前者文本不会自动换行后者会自动换行
3、pre-line相比pre-wrap后者不会合并多余的空格使用时按照需求使用即可。
