css自动换行(转载)
自动换行 word-break:break-all和word-wrap:break-word
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。
它们的区别就在于:
1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该 行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。
2,word-wrap:break-word 例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。
3,word-break;break-all 支持版本:IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。 WORD-WRAP:break-word 支持版本:IE5.5以上 内容将在边界内换行。如果需要,词内换行( word-break )也将发生。表格自动换行,避免撑开。 word-break : normal | break-all | keep-all 参数: normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 语法: word-wrap : normal | break-word 参数: normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生说明:设置或检索当当前行超过指定容器的边界时是否断开转行。
本文来自洛阳人的博客
对应的脚本特性为wordWrap。请参阅我编写的其他书目。 语法: table-layout : auto | fixed 参数: auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关说明:设置或检索表格的布局算法。 对应的脚本特性为tableLayout。
建议:word-break 用3C检测会显示问题的,导致百度快照也会出问题-这个属性OPERA FIREFOX 浏览器也不支持 word-break属性可以用white-space:normal;来代替,这样在FireFox和IE下就都能正确换行,而且要注意,单词间的空格 不能用 来代替,不然不能正确换行。
转自:
转载于:https://www.cnblogs.com/johnwonder/archive/2010/10/10/1847198.html
css自动换行(转载)相关推荐
- html p自动换行超出省略,CSS自动换行、强制不换行、强制断行、超出显示省略号...
CSS自动换行.强制不换行.强制断行.超出显示省略号 CSS自动换行.强制不换行.强制断行.超出显示省略号 CSS样式设置自动换行.强制不换行.强制断行.超出显示省略号 P标签是默认是自动换行的,因此 ...
- html文字自动换行 ie,css 自动换行 强制换行属性 (firefox+ie)
css 自动换行 强制换行属性 (firefox+ie) 发布时间:2009-10-13 17:40:39 作者:佚名 我要评论 css 自动换行 强制换行属性,在实际应用中,如果不强制换行会 ...
- html中多行div缩进,css自动换行缩进
好久没写关于介绍css文章了,今天处理页面页面的时候正好碰到了一个知识点,就顺便来一发. css自动换行缩进,应用场景一般是对于列表信息遇到的比多.比如,我要实现一个我网站的简介列表,如下的代码. 网 ...
- css自动换行 包括url
<html> <head> <title>css自动换行 包括url</title> <style type="text/css&quo ...
- css 自动换行_前端必备!20个CSS小技巧
在日常学习和工作中,你是否经常觉得时间不够用?为了帮助你提高效率,今天,就为大家分享一些CSS小技巧,如果你感觉有用,也可以收藏与分享给你的小伙伴们~ 1. 文字水平居中 将一段文字置于容器的水平中点 ...
- CSS选择器(转载)
2019独角兽企业重金招聘Python工程师标准>>> 前面花了两节内容分别在<CSS3选择器--基本选择器>和<CSS3选择器--属性选择器>介绍了CSS3 ...
- [css] 【转载】 精简高效的CSS命名准则/方法
原文链接:http://www.zhangxinxu.com/wordpress/2010/09/%E7%B2%BE%E7%AE%80%E9%AB%98%E6%95%88%E7%9A%84css%E5 ...
- css自动换行,css代码
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥 ...
- CSS 自动换行样式
移动端经常会遇到屏幕被撑开的情况,下面是一些解决办法: 方法一:你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比) 方法二:强制不换行 div{//white-space:不换行;normal ...
最新文章
- androidx和android的区别,【译】使用AndroidX代替Android支持库
- 104. 二叉树的最大深度 golang DFS
- 河南科技学院去年对口计算机分数线,河南科技学院录取分数线2021是多少分(附历年录取分数线)...
- Centos 查看CPU个数、核心数等信息
- 100部超级好电影,100组优秀的字体设计(不看后悔系列)
- php opendir 不能用,PHP opendir() 函数
- python生成图像公章_科学网—python pillow库 python界的ps 实现数据批量盖章 并打包成exe - 李鸿斌的博文...
- Soul是一个基于兴趣、场景、算法搭建的“第三空间”?
- Excel数据导出到txt文档
- 一篇文章带你入门python基础开发
- 离散数学 2.3 Functions
- 每天一个命令:ps命令
- MathType怎么编辑等号带点
- 关于Amazon AWS —— 免费的午餐不好吃
- 【电源设计】06正激式开关电源
- 跨境电商独立站怎么去搭建
- XML数据交换的安全解决方案
- 第21课 微信小程序视频标签显示弹幕
- 用千千静听练听力的小工具:Mp3字慕助手(带下载慢速Voa)
- 【投稿】海思手撕代码之_RR_arbiter