css控制表格换行
css控制表格换行
css控制表格换行TABLE自动换行的问题:
数字和英文的时候,TABLE中的TD就会被拉长,不会自动换行了。全角的时候是可以的。用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:
解决方法
在需要换行的地方加入:
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
或者
table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}
对上面样式的解释
word-break
语法:
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 (到了换行的地方,什么字都直接断开)
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 (为了换行,把非亚洲语言文本断开)
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 (如果不想英语单词被分开,用这个,上面两个都是会直接把单词断开的)
word-wrap
语法:
word-wrap : normal | break-word
参数:
normal : 允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要,词内换行也行发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为wordWrap。
table-layout
语法:
table-layout : auto | fixed
参数:
auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
说明:
设置或检索表格的布局算法。
对应的脚本特性为tableLayout。
- css中分割线的渐变效果(CSS学习笔记之可重复渐变repeating-linear-gradient)
- css的border怎么设置三角形(CSS border虚线边框属性教程)
- CSS优雅降级和渐进增强
- JavaScript css3实现简单视频弹幕功能(JavaScript css3实现简单视频弹幕功能)
- css基础选择器的语法格式(css -webkit-line-clamp WebKit的CSS扩展WebKit是私有属性)
- css3特性动画图(CSS3+DIV实现漂亮的动画彩色标签)
- html5+css样式代码(详解HTML5中CSS外观属性)
- css cursor鼠标效果
- css旋转立体效果图(css制作三分圆形效果)
- css修饰文本的方法(CSS常用文本样式总结)
- css3三维模型(CSS3系列之3D制作方法案例)
- css如何让图片居中
- css透明输入框(纯CSS实现气泡对话框尖角处理方案)
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- css 翻动效果(CSS实现全屏切换效果的示例代码)
- html中table怎么用(详解CSS的table-layout属性的用法)
- 包水饺(包水饺手法怎么包视频)
- 越南河粉(越南河粉来自哪里)
- 按这几方面养护佛肚竹盆景,保证枝叶繁茂,造型优美(按这几方面养护佛肚竹盆景)
- 冰岛旅游攻略(冰岛旅游攻略及花费八日游)
- 寒假旅游攻略(成都寒假旅游攻略)
- 菲律宾旅游攻略(菲律宾旅游攻略地图)
热门推荐
- python字符串匹配教程(Python字符串匹配之6种方法的使用详解)
- asp.net将Excel文档转换成pdf
- 宝塔面板怎么修改内容(宝塔面板如何关闭日志)
- mysql中提取日期的函数是什么(MySQL获得当前日期时间函数示例详解)
- 云服务器十大特征(云服务器有什么使用特点?)
- vue3.0 自定义组件(Vue 3.0自定义指令的使用入门)
- python和mysql实战(由Python编写的MySQL管理工具代码实例)
- arm堆栈解析程序(浅析ARM架构下的函数的调用过程)
- vnc连接linux黑屏(阿里云服务器VNC无法连接及黑屏的原因)
- python比较两文件内容(Python判断两个文件是否相同与两个文本进行相同项筛选的方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9