关键词：
table-layout 属性的解释：http://www.w3school.com.cn/cssref/pr_tab_table-layout.asp
1，实现table细边框,设置如下css：
table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}
2，table表格宽度固定，同时td内容过长也不会被撑开，设置如下css：
table{table-layout:fixed;word-break:break-all;}
3，在上面css设置下，td的width可以设置固定值也可设置百分比，达到某些列宽度固定，某些列按比例自适应的效果。
<html> <head> <style> table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;} </style> </head> <body> <table width="50%" style="table-layout:fixed;word-break:break-all;background:#f2f2f2"> <tr> <td width="50">50px</td> <td width="50%">50% aaaaaaabbbbbbbccccccc</td> <td width="50%">50% aaaaaaabbbbbbbccccccc</td> <td width="50">50px</td> <td width="100">100px</td> </tr> <tr> <td>50px</td> <td>50% aaaaaaabbbbbbbccccccc</td> <td>50% aaaaaaabbbbbbbccccccc</td> <td>50px</td> <td>100px</td> </tr> </table> </body> </html>
效果：
| 50px | 50% aaaaaaabbbbbbbccccccc | 50% aaaaaaabbbbbbbccccccc | 50px | 100px |
| 50px | 50% aaaaaaabbbbbbbccccccc | 50% aaaaaaabbbbbbbccccccc | 50px | 100px |
原文出自：http://www.hangge.com/blog/cache/detail_435.html
表格布局：固定忽略 td 的最小宽度
】表格布局：固定忽略td的最小宽度【英文标题】：table-layout:fixedignorestd\'smin-width【发布时间】：2011-10-2413:01:58【问题描述】：我有一个项目需要一个包含固定宽度和灵活宽度列的表格。无论浏览器的宽度如何，某些列的宽度始... 查看详情
设置表格中文本的最大宽度 td
】设置表格中文本的最大宽度td【英文标题】：Setmax-widthoftextwithinatabletd【发布时间】：2018-08-0708:52:27【问题描述】：我有一个两列的表。第二列包含包含一些文本的单元格，然后是两个可以单击以执行某些操作的内联图标。但... 查看详情
表格中等宽单元格td之---获取节点下字符串的宽度
当我们给了table一个固定宽度时或者宽度为100%时，如果不给tr和td固定的width、height。table内部的tr和td会根据其自身的内容自动适应宽度和高度，项目中提出了一个需求，想让table中的某些tr（或者td）的宽度根据这些... 查看详情
如何在所有行中将列缩小到该列的最大宽度，例如表格中的 td 宽度？
】如何在所有行中将列缩小到该列的最大宽度，例如表格中的td宽度？【英文标题】：Howtoshrinkcolumntomaxwidthofthatcolumninallrows,liketdwidthinatable?【发布时间】：2021-05-1809:29:40【问题描述】：我想用flexbox元素替换table。基本上由此而来... 查看详情
如何设置html页面自适应宽度的table(表格)（一）
...。在Bigtree看来，比较习惯于用如下的方式来处理——在表格列数不是很多的前提下——将大部分列宽用固定值设置死，留下一列不设置宽度，将table的宽度设置为屏幕的百分比（譬如95%、98%等）。例：序号分类A分类B名称说明操... 查看详情
html表格table的宽度超出页面宽度时如何不改变table宽度（只显示出滚动条）？
...有一二列，也可能有几十列，要求每一列宽度能够显示其表格的内容（即列的宽度按内容长度显示），如果table宽度没有超出页面宽度就不显示滚动条，也不拉伸表列宽度；如果table宽度超出页面宽度，就显示滚动条，而不压缩... 查看详情
HTML表格列宽：结合固定和可变宽度
】HTML表格列宽：结合固定和可变宽度【英文标题】：HTMLtablecolumnwidths:combiningfixedandvariablewidths【发布时间】：2012-01-0117:14:04【问题描述】：我已经做了一个这样的表：<tablestyle="width:1000px;"><tr><td>aaa</td><tdid="spa... 查看详情
如何设置html页面自适应宽度的table(表格)（一）
...。在Bigtree看来，比较习惯于用如下的方式来处理——在表格列数不是很多的前提下——将大部分列宽用固定值设置死，留下一列不设置宽度，将table的宽度设置为屏幕的百分比（譬如95%、98%等）。例：<tablewidth="95%"border... 查看详情
bootstraptable表格太宽，设置的width属性不起作用怎么办
...。在Bigtree看来，比较习惯于用如下的方式来处理——在表格列数不是很多的前提下——将大部分列宽用固定值设置死，留下一列不设置宽度，将table的宽度设置为屏幕的百分比（譬如95%、98%等）。例：序号分类A分类B名称说明操... 查看详情
tabletd的溢出隐藏
今天碰到一个问题，就是在一个双列的表格布局中，我想让左边一列宽度为40%，右边一列宽度为60%；然后依次设置左边td宽度40%和右边td宽度60%，状态显示正常，宽度也正常。但是当右边的td内部的内容宽度大于60%的时候，并没有... 查看详情
hbuildertd的宽度
hbuildertd的宽度关于html中table表格tr,td的高度和宽度_惊云鸟的博客-CSDN博客关于html中table表格tr,td的高度和宽度做网页的时候经常会遇到各种各样的问题，经常遇到的一个就是会碰到表格宽度对不齐的问题。首先，来分析一下这三... 查看详情
table中文字长度大于td宽度，导致文字换行解决方案
1.TD不换行nowrap属性表格table的td单元格中，文字长了往往会撑开单元格，但是如果table都不够宽了，就换行了好像（不要较真其他情况，我只说会换行的情况）。换行后的表格显得乱糟糟，不太好看，我不喜欢这样的换行。当然... 查看详情
div自适应表格列宽度
表格中的一行有三列，其中一列的数据较长，但为了美观这里只显示与本列宽度相同的一行字符，剩余字符省略。在设置div的时候发现，表格的列通过设置百分比能自动适应浏览器的大小，但是DIV却不行。代码如下。.int_info OVERF... 查看详情
在 HTML 表格的 <td> 中设置最小宽度
】在HTML表格的<td>中设置最小宽度【英文标题】：Setmin-widthinHTMLtable\'s<td>【发布时间】：2013-09-0111:13:58【问题描述】：我的表有几列。每一列都应具有取决于浏览器窗口大小的动态宽度。另一方面，每一列不能太小。所... 查看详情
在做网页时如何解决表格被撑开的问题？
在做网页时如何解决表格被撑开的问题？我不想自动换行，而是把后面的用"...."代替二楼的朋友table-layout:fixed是什么？这个样式要自己去写还是哦那个Dr直接设置？如果可以直接设置，那么如何设置？要保持table绝对的宽... 查看详情
CSS 表格列宽不适合某些屏幕尺寸
】CSS表格列宽不适合某些屏幕尺寸【英文标题】：CSStablecolumnwidthsnotfittingcertainscreensizes【发布时间】：2021-07-0210:58:20【问题描述】：我正在使用table-layout:fixedtable来设置列的百分比宽度，但由于某种原因，对于某些屏幕尺寸，列... 查看详情
table宽度(代码片段)
...找资料学习table的宽度的算法。table-layouttable-layout定义了表格布局算法，值为auto或fixed。fixed采用固定表格布局算法对表格布局。表格的宽度有width决定，列的宽度有首行单元格的width决定。先上一个demo。分析一下，这里table计算... 查看详情
每次单击显示列按钮后，表格列的宽度都会增加
】每次单击显示列按钮后，表格列的宽度都会增加【英文标题】：tablecolumnskeepsincreasingwidthaftereveryshowcolumnbuttonclick【发布时间】：2021-12-2711:33:19【问题描述】：每次我按下使某些列出现和消失的按钮时，表格列的宽度都会逐渐增... 查看详情