css自动换行属性与保留空白属性冲突_css换行样式
word-break 属性规定自动换行的处理方法。
提示:通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。所有主流浏览器都支持 word-break 属性。
语法:word-break: normal | break-all | keep-all ;
normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。
word-break:break-all 所有的都换行,右侧换行没有空隙。
word-wrap 属性允许长单词或 URL 地址换行到下一行。
提示:所有主流浏览器都支持 word-wrap 属性。
语法: word-wrap: normal | break-word ;
normal 只在允许的断字点换行(浏览器保持默认处理)。 break-word 在长单词或 URL 地址内部进行换行。
word-wrap:break-word 如果这一行文字有可以换行的点,如空格、单词或字符,让这些换行点换行,这种换行会出现不对齐,右侧空白的情况。
overflow-wrap 设置或检索当内容超过指定容器的边界时是否断行。
说明: CSS3中将 <’ word-wrap ‘> 改名为 <’ overflow-wrap ‘>;浏览器支持情况:Chrome(23.0+)、Safari(6.1+)、Opera(15.0+)、iOS Safari(7.0+)、 Android Browser(4.4.0+)、Android Chrome(22.0+)
由于历史原因,当你使用 <’ overflow-wrap ‘> 时,最好同时使用 <’ word-wrap ‘> 作为备选,作向前兼容。 对应的脚本特性为overflowWrap。
语法:overflow-wrap:normal | break-word
normal:允许内容顶开或溢出指定的容器边界。 break-word:内容将在边界内换行。如果需要,单词内部允许断行。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/226204.html原文链接:https://javaforall.cn
相关文章
- kotlin延迟属性
- 初学css list-style属性「建议收藏」
- 【说站】css中order属性的介绍
- VUE 组件的计算属性
- SpringBoot项目Jar包运行没有主清单属性
- Grid布局 容器属性(一) `grid-template`系列属性
- 【Android Gradle 插件】LintOptions 配置 ⑪ ( textReport 属性配置 | textOutput 属性配置 )
- DEDECMS自动编号(序号)autoindex属性详解程序员
- 使用jqMobi开发app基础:panel属性data-defer介绍详解手机开发
- Qt元对象和属性系统详解
- Chrome增强安全属性 使其更容易发现可疑下载和扩展
- MySQL建表语句中的自增属性实现(mysql建表语句自增)
- c#中使用自动属性减少代码输入量
- js自动生成对象的属性示例代码
- 浅谈javascript函数属性和方法
- 简单方法判断JavaScript对象为null或者属性为空