table表格某一td内容太多导致样式混乱的解决方案
2015-12-25 14:56
609 查看
对于有很多条目的数据,通常采用table元素来快速实现,某一个td的内容太多的话就会导致样式混乱难看.
解决方案
要让table的宽度固定可以给table元素设置table-layout:fixed;样式,
但这样表格的宽度问题是解决了,但是里面的内容并不会自动换行。还需要给td设置word-break: break-all; word-wrap:break-word;。
解决方案
要让table的宽度固定可以给table元素设置table-layout:fixed;样式,
但这样表格的宽度问题是解决了,但是里面的内容并不会自动换行。还需要给td设置word-break: break-all; word-wrap:break-word;。
相关文章推荐
- 深入理解css3的animatiion动画
- css3 实现水晶按钮
- css:颜色名和十六进制数值
- css笔记
- css 基础
- CSS三角形广告文字
- 设置文本框样式和修改按钮样式
- 使用CSS实现中间镂空的图片遮罩效果
- 全局css样式
- I do not want to inherit the child opacity from the parent in CSS(不想让子元素继承父元素的透明度)
- CSS中的几种图片覆盖文本的方法
- css控制Button 按钮的点击时候出现蓝色边框
- css控制Button 按钮的点击时候出现蓝色边框
- CSS的特性
- 【转】CSS3的REM设置字体大小
- 对图片进行各种样式裁对图片进行各种样式裁剪:圆形、星形、心形、花瓣形等剪:圆形、星形、心形、花瓣形等--第三方开源--CustomShapeImageView
- MsgBox图标样式
- js+css中的clip进行的简单的缩略图裁剪
- Css3 过渡(Transition)特效回调函数
- 拒绝IE8-,CSS3 transform rotate旋转动画效果(支持IE9+/chrome/firefox)