table表格某一td内容太多导致样式混乱的解决方案
来源:互联网 发布:python搭建网站源码 编辑:程序博客网 时间:2024/05/16 16:07
在开发过程难免遇到这样那样的问题。对于有很多条目的数据,我们通常采用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;即可完美解决。如下图:
0 0
- table表格某一td内容太多导致样式混乱的解决方案
- table表格某一td内容太多导致样式混乱的解决方案
- table表格内容太多导致样式混乱的解决方案
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- 如何让table表格中td的内容自动换行
- IE8下table th和td宽度样式混乱解决办法
- table表格td 内容自动换行
- 显示table中的td中为空的表格border样式
- 显示的内容太多,表格在原来的样式上,自动换行
- bootstrap table th内容太多表格撑破(自动换行)
- 表格<table> <tr><td>
- table表格td撑开
- table的td中实现内容省略
- web开发学习笔记(4):js获取table的行数和表格中某一行某一列的内容
- 表格内td的内容自动换行
- android Notification .
- 常用linux命令
- 2012年5月SAT香港真题解析
- 如何引入第三方jar包(以google play service为例)
- web.xml 中的listener、 filter、servlet 加载顺序及其详解
- table表格某一td内容太多导致样式混乱的解决方案
- WebRTC
- 在64位Ubuntu14.04LTS上编译和链接32位汇编程序(使用c标准库)需要如何配置配置环境
- Geoserver发布地图
- hive修改 表/分区语句
- iOS 输入手机号和验证码的TextField,使获取验证码,提交订单 按钮可用
- android顺序很重要
- 拓扑排序 hdu1811 Rank of Tetris
- 主键和索引