关于强制换行的总结
来源:互联网 发布:企业内部网络建设 编辑:程序博客网 时间:2024/06/07 00:42
前言:工作时,遇到了很多关于换行的一些问题,才发现自己对css的样式有些理解的并不透彻。现在根据我目前做的项目来具体问题具体分析下。(PS:感谢细微不至的测试妹子帮我挖掘的无穷无尽的bug==!)
上图是我没加任何换行限制,浏览器默认状态下的表现,会发现当字数超过容器范围时候会自动换行处理,但是这是中文的时候,如果是有字符串会不会也是自动换行呢?
继续看下面图片
没错,当容器里面的字符串超过容器范围的时候,浏览器并不会默认为你换行,而是字符串有多长就突破限制表现多长,不中断一个字符串。
下面我们开始加上css限制看看 注意word-wrap与word-break的异同
word-wrap 允许长单词换行到下一行
word-break在恰当的断字点进行换行
看出区别了没有,当我加上word-wrap: break-word
样式的时候,字符串太长的话就换行了,不再强制撑出容器,但是不会自动跑到前面空白的地方,也就是只在字符串内换行
而我加上word-break: break-all
样式的时候,字符串不仅会换行,还会自动填补前面空白的区域
以上。
0 0
- 关于强制换行的总结
- 关于强制换行的问题
- 页面的强制换行问题总结
- 页面的强制换行问题总结
- 关于文字强制换行 ,自动换行,强制不换行的代码
- 页面的强制换行
- 关于强制换行以及防止边框撑开的解决方法
- 强制不换行与强制换行的一些CSS属性
- div、p、td 的强制不换行及强制换行
- div、p、td 的强制不换行及强制换行
- 关于CSS文字自动换行的总结
- css 不换行 自动换行 强制换行的实现方法
- 强制换行
- 强制换行
- 强制换行
- 强制换行
- CSS实现强制不换行、自动换行、强制换行的css代码
- 强制换行,不允许换行
- 教你如何编写简单的Java网络爬虫
- linux的相关知识
- 补充:MyModule类
- 使用ListView更新数据一直闪烁的解决办法
- Win下用Pycharm远程连接虚拟机Linux的环境准备
- 关于强制换行的总结
- 关于domain adaptation
- Javascript 闭包与高阶函数 ( 一 )
- You can't specify target table 'TS_AUTH_ADMIN' for update in FROM clause记录
- PyQt中的各种提示框
- 光学相干断层成像术(OCT)
- Android 单独控件实现不同字体大小、不同颜色
- 获取resource中的参数值
- mysql的常用基本操作