html 单元格被撑开_table td宽度被撑开的问题。棘手~_html/css

先贴代码

d df b bv

ffffffffffffffffffffffffffffffffffff a a a

第一行第一列的td宽度设置为80，按理说和它一列的td都会为80的宽度，并且也设置了自动换行 word-break:break-all;但是第二行第一列的td还是会被撑开。在IE中表现正常，我是在webkit内核的搜狗测试的，求助啊！！！

回复讨论(解决方案)

如上图所示效果，怎么没人啊这个论坛

第二行第一列加上 width="80"

这个方法我知道。但是我以后做的表格很大，用jq每个td都加上width显得太冗余，想找其他的解决方法

第二行第一列加上 width="80"

这个方法我知道。但是我以后做的表格很大，用jq每个td都加上width显得太冗余，想找其他的解决方法

css

.aa tr td:first-child{ width: 80px; }

第二行第一列加上 width="80"

这个方法我知道。但是我以后做的表格很大，用jq每个td都加上width显得太冗余，想找其他的解决方法

css

.aa tr td:first-child{ width: 80px; }

可这个宽度不是固定的。都是我从jq循环，在页面加载的时候添加的。有什么其他解决方法

我现在只能通过jq 写 $('table tr td:nth-child(n)')的方式，挨个添加width了

宽度也动态的你只能动态css了

我现在只能通过jq 写 $('table tr td:nth-child(n)')的方式，挨个添加width了

可以给table加上宽度，4个单元格的宽度+5个边框的宽度=315px

大致可以，但是在浏览器中查看发现宽度为314px，不太清楚怎么回事

不过这个方法应该可以解决楼主的问题

好像直接设置为0px就可以了

既然是jq控制数据，，，那就也用jq对宽度设置一下就好。。

我现在只能通过jq 写 $('table tr td:nth-child(n)')的方式，挨个添加width了

可以给table加上宽度，4个单元格的宽度+5个边框的宽度=315px

大致可以，但是在浏览器中查看发现宽度为314px，不太清楚怎么回事

不过这个方法应该可以解决楼主的问题

先回复一下。我试试

我按照table的width=0测试了一下。看来是失效的。

但是通过限制总宽度这个是可行的。如图

我现在只能通过jq 写 $('table tr td:nth-child(n)')的方式，挨个添加width了

可以给table加上宽度，4个单元格的宽度+5个边框的宽度=315px

大致可以，但是在浏览器中查看发现宽度为314px，不太清楚怎么回事

不过这个方法应该可以解决楼主的问题

很感谢你的方法。这应该是webkit内核的一个bug，在IE中不用加table宽度也是表现正常的。

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

html 单元格被撑开_table td宽度被撑开的问题。棘手~_html/css_WEB-ITnose相关推荐

html单元格分割,html – 拆分td在两个
我试图拆分一个TD(表格单元格)看起来好像是两个单元格.问题是当细胞在高度上生长时,我不能使两个div在里面占据所有可用的高度.由于这些单元格可以动态生长,因此无法设置固定高度(可以解决问题). 这是 ...
HTML 表格table tr td、表头标题、表结构、合并单元格
文章目录表格基本标签表格属性表格标题和表头单元格标签表格的结构标签(了解) 合并单元格表格基本标签 <table><tr><td>单元格内的文字</ ...
Markdown(六)——表格合并单元格增加标题
前言:之前有写过Markdown的表格记录处理标记,见Markdown语法(三)--列表&表格.但是发现这种方式不能合并单元格,对想要合并单元格的数据很不友好.好在Markdown可以支持HT ...
Aspose.Words for .NET使用表格教程之水平和垂直合并表格中单元格
Aspose.Words For .Net是一种高级Word文档处理API,用于执行各种文档管理和操作任务.API支持生成,修改,转换,呈现和打印文档,而无需在跨平台应用程序中直接使用Microsof ...
表格的建立与单元格的合并
表格的建立与单元格的合并如下图如果要建立这样一个目标表首先建立表格的主要标签以及属性有如下  <!- ...
表格标签(合并单元格，列表结构标签thead， tbody，有序列表ol，无序列表dl )
表格用法: < table >< /table >是用于表格的标签. < tr >< /tr>标签用于定义表格中的行,必须嵌套在< table & ...
php 数据导出到excel 2种带有合并单元格的导出
具体业务层面可能会有所不同.以下两种方式涉及的合并单元格地方有所不同,不过基本思路是一致的. 第一种是非插件版本.可能更容易理解点,基本思路就是组装table 然后读取输出到excel上.缺点 ...
html5向下合并单元格属性,课时42.合并单元格（理解）
我们上节课讲了表格的结构,我们打开一个搜狐首页,发现这个页面有很多table标签,但是没有thead,tfoot标签,事实证明,没有人写这几个标签这节课我们来讲最后一个知识点:单元格的合并点击打开 ...
NPOI随笔——图片在单元格等比缩放且居中显示
NPOI导出的图片默认是在单元格左上方,这使得图片在单元格显示得很难看.居中,且等比缩放,才是图片在单元格上的完美展示. /// <summary>/// 图片在单元格等比缩放居中显示// ...

html 单元格被撑开_table td宽度被撑开的问题。棘手~_html/css_WEB-ITnose

html 单元格被撑开_table td宽度被撑开的问题。棘手~_html/css_WEB-ITnose相关推荐

最新文章

热门文章