设置table中的td宽度不同

类似站内短信的形式的一个table，想要的实现结果如下格式：

刚开始觉得“这里是名字”的td设置宽度为20%就可以了，代码如下：

 <table><tr class="messageTrU"><td width="20%">这里是名字</td><td>割发代首过水电费和东莞市的分公司的分公司的分公司的分公司的风格是大法官水电费噶复读还是介绍给是大法官啥地方个省份的花果山富商大贾的双方各是梵蒂冈水电费和国际化更合适的风格水电费和国际化的风格和风格和是大法官</td></tr><tr class="messageTrTa"><td>大是大非噶啥等噶水电费噶啥的高发的所发生的法师打发到事发地是发的所发生的发的所发生的发大水发法大使馆富商大贾水电费后如图一提交给分行阿萨德挂号费更恐惧与对付光辉是大法官的非官方松德股房东说共多少个讽德诵功丰东股份电费过水电费</td><td width="20%">这里是名字</td></tr></table>

然后效果如下：

居然不是我想的那样。

原因：
table中的td当宽度确定的时候，会选择统一的宽度。
解决：

 <table><tr class="messageTrU"><td width="20%">这里是名字</td><td colspan="2">割发代首过水电费和东莞市的分公司的分公司的分公司的分公司的风格是大法官水电费噶复读还是介绍给是大法官啥地方个省份的花果山富商大贾的双方各是梵蒂冈水电费和国际化更合适的风格水电费和国际化的风格和风格和是大法官</td></tr><tr class="messageTrTa"><td  colspan="2">大是大非噶啥等噶水电费噶啥的高发的所发生的法师打发到事发地是发的所发生的发的所发生的发大水发法大使馆富商大贾水电费后如图一提交给分行阿萨德挂号费更恐惧与对付光辉是大法官的非官方松德股房东说共多少个讽德诵功丰东股份电费过水电费</td><td width="20%">这里是名字</td></tr></table>

在另一个80%的宽度里设置属性colspan=”2”，这样一来该td实际是两个td了，并且宽度不确定，这样就实现了我的目的。

设置table中的td宽度不同相关推荐

css中设置table中的td内容自动换行
在项目中,有用到表格.因为有的内容比较长,所以需要列宽大一些,有的内容比较短,列宽就小一些.遇到了一个问题,在学校联系方式表里面,联系人电话/电子邮件这两列,无论我加多大的宽度,内容总是会把表格列撑的 ...
[html] table中给td设置宽度无效怎么解决？
[html] table中给td设置宽度无效怎么解决? 默认是列宽度由单元格内容设定 table 添加css tableLayout :fixed; 个人简介我是歌谣,欢迎和大家一起交流前后端知识. ...
html中设置table的各个td的宽度方法：
类似站内短信的形式的一个table,想要的实现结果如下格式: 刚开始觉得"这里是名字"的td设置宽度为20%就可以了,代码如下: <table> < ...
html表格不随字数变化,设置table中的宽度不随文字改变让其固定
设置table中的宽度不随文字改变让其固定来源:互联网作者:佚名时间:02-17 16:02:28[大中小] 页面中table宽度设置width之后,宽度仍然不是固定的,文字太长后不换行,下面有 ...
ie8下table th和td宽度width设置不生效解决办法
ie8下table th和td宽度有时候设置无效,不按设定的宽度显示,怎么办? 这种情况一般分为两种: 第一种,某td的内容很多,需要换行,将td撑开了.这种情况还比较好处理,只要给td设置css属性 ...
html表格td的内容修改,点击table中的td，修改td中的内容功能实现
点击table中的td,修改td中的内容前段时间,需要搭建演示页面,有个功能是实现点击表格中的某一格,能够修改对应格子中的内容,一开始不知道怎么写,在网上找了一下,自己再整合了一下,功能实现的代码如 ...
table中的td表示table data（表格数据），tr表示table row（表格行），th表示table head（表格头）
<table>中的 <td>表示table data(表格数据) <tr>表示table row(表格行) <th>表示table head(表格头)
表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替
表格table中的td标签中的内容太多,影响整体外观,不美观.将一部分内容隐藏起来,用省略号代替. 招式:1.在table标签中加上style="table-layout: fixed;&q ...
ajax拿table里的th值,Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...

设置table中的td宽度不同

设置table中的td宽度不同相关推荐

最新文章

热门文章