具有100%宽度和列宽的CSS表格，其宽度因内容而异

文章/答案/技术大牛

发布

2回答

html、css

我想要一个始终是100%宽度的表格，但我希望列的宽度根据它们的内容而变化。也就是说，较小的列会收缩，以便为内容较多的列提供更多空间。下面是一个示例，我希望第1、3和4列缩小，以便第2列有更多空间。https://codepen.io/melonfacedoom&#

浏览 38提问于2021-09-21得票数 1

回答已采纳

2回答

左对齐两个表格，同时保持第一个表格(具有流体宽度)居中

html、css、html-table

第一个总是比第二个宽，包括两列名称，因此它的总宽度将因联盟而异。第二个表只包含数字，其宽度将是恒定的。我想要对齐两张表的左边缘，同时保持第一张表居中。如果我知道第一个表的宽度，那么问题就简单了，使用css将html宽度设置为表的宽度，并将两个表的左边距设置为0。但随着宽度的

浏览 1提问于2015-05-01得票数 2

1回答

如何制作动态宽度的表列

html、css

我有一个具有动态列数的表。如果表格宽度增加超过100%，则列宽度应为CSS中定义的最小宽度。否则，列宽应该适合内容。我该怎么做呢？

浏览 0提问于2015-05-07得票数 3

1回答

不能将表宽度设置为100%，除非表-布局:固定，但随后，表格单元格宽度固定。

html、css

我想要这张桌子100%宽。当物品变窄时，桌子就会缩小。两者都是不可能的吗？案例：该表根据父宽度调整其宽度，但是单元格具有相同的宽度，而不管<e

浏览 0提问于2015-10-05得票数 2

6回答

CSS宽度和最大宽度组合

css、html-table、width

我有以下代码： ... table stuff here</table> 我认为这是很明显的，我打算采取全宽可用的表格，与上限最大尺寸为800px。这在is和火狐浏览器中有效，但是在Chrome浏览器中，当width出现时，max-width似乎被忽略了。我试过使用max-width: <em

浏览 2提问于2011-10-29得票数 36

回答已采纳

4回答

计算的列宽与css声明的列宽度不同。浏览器是如何决定宽度的？

html、css、firefox、browser、internet-explorer-7

假设我有一个css声明宽度为750px的html表。它有5列，每列的宽度为50px，使用css声明(所有td的宽度都为50px )。显然，列的宽度总和是250px，小于750px。当浏览器呈现表格时，每一列都有不同的计算宽度。我有一列，它只有5个空格，但计算的</em

浏览 1提问于2010-09-09得票数 12

回答已采纳

4回答

是否将td宽度设置为auto？

css

我有一个内联样式的td，它的width设置为百分比。我可以修改css，但不能修改html。td#my width: auto !important; }

浏览 2提问于2012-12-13得票数 1

回答已采纳

1回答

HTML自动列宽似乎忽略了文本换行

html、css、html-table

我很难理解为什么我创建的许多表中的列都被设置为它们的宽度。表格的宽度是固定的(CSS中宽度为45%)，具有相似长度的单元格内容，除了一个例外，具有相同的标题。我的理解是，控制列宽的是标题。我不明白的是，它似乎忽略了包装。

浏览 1提问于2013-06-28得票数 0

4回答

折叠TD宽度HTML

html、css

hello world </tr> </body>当页面/窗口的宽度减小时我的问题是:随着图像的堆叠，TD单元为什么不缩小到300宽度？它似乎保持了不必要的大-造成了一个丑陋的差距之间的图像和文本的<

浏览 1提问于2014-05-22得票数 3

回答已采纳

3回答

HTML表格-固定和多个可变列宽

html、css、html-table、multiple-columns

我必须构建一个有5列的表。表格宽度是可变的(内容宽度的50%)。有些列包含固定大小的按钮，因此这些列应该有固定的大小，比如100px。一些列中有文本，所以我希望这些列具有可变的列宽。例如： Column1: 20% (表宽度和</e

浏览 0提问于2014-02-09得票数 19

回答已采纳

2回答

为什么colspan没有按预期应用？

html、web、html-table

我有一个如下的表格。第二行定义了三列，一列是colspan=8，另一列是colspan=1。尽管如此，单元格并不是根据长度拉伸的，第二个单元格的“宽度”稍大一些，第三个单元格的“宽度”最宽。

浏览 0提问于2012-02-13得票数 15

回答已采纳

4回答

如何使IE 11荣誉列宽度在表中时，包含大的图像行？

css、internet-explorer、html-table

下面的工作在Chrome (最新的)和奇怪的过时的IE版本--但在最新的IE版本(11)，它似乎不像我想要的行为。在Chrome (最新版)和过时的IE版本中，第1列不改变其宽度以适应列2中的大图像，但是在最新的IE版本(11)中，它确实改变了--如何纠正？

浏览 7提问于2015-07-05得票数 6

回答已采纳

2回答

<input>和<select>宽度

html、css

当然，我希望它们的宽度相同。然而，这似乎不起作用(我不想设置不同的宽度，因为所需的不同可能会因浏览器和平台而异)： min-width: 16em;文本框比select宽6个像素。se

浏览 2提问于2010-12-04得票数 2

回答已采纳

1回答

为什么我的固定布局表没有它的列那么宽？

html、css、html-table

根据CSS规范，当表具有table-layout:fixed属性时，其宽度计算如下： “宽度”属性的“auto”以外的值的列元素设置该列的宽度。否则，第一行中的单元格具有“宽度”属性的“auto”以外的

浏览 1提问于2016-11-26得票数 2

回答已采纳

2回答

100%宽度呈现<td>的元素不同

html、css

我正在布置一张桌子(是的，用于表格数据！)我不知道表格单元格的宽度是如何确定的。对于一个宽度为100%的<table>和两个空的<td>单元，每个单元将占用一半的空间。一旦在<td>中添加了不同的元素，情况就会发生变化。然而，<td>s的子元素的宽度都是100%。

浏览 3提问于2014-04-02得票数 0

回答已采纳

1回答

如何修复Microsoft Edge显示不正确的表格单元格宽度时，定义宽度的子元素是在一个单元格内的colspan？

html、css、internet-explorer、html-table、microsoft-edge

很难解释，但更容易通过显示 <table class="table"> <td style="background:blue;width<td style="width:40%;background:red;"></td> <tr> <td colspan="2" style="widt

浏览 0提问于2016-03-08得票数 8

回答已采纳

3回答

如何在宽度= 100%的表格中固定单元格宽度

html、width、cell、css-tables

我想知道，在一个表中，width=100%，每列宽度都是% value，是否有可能为最后一列获得固定的宽度？如果是，是如何实现的？

浏览 0提问于2012-04-17得票数 0

回答已采纳

1回答

增加表列中的行跨度会减小表列的宽度

html、css

我已经制作了一个包含两行的表，其中第一行有3列，第二行有2列(参见代码片段)。第一行的中间列包含rowspan="2"。问题是它变得比设定的宽度小。 border: 0;}tbody { displayid="img-bg-1" class=

浏览 3提问于2018-12-05得票数 0

1回答

在html中设置列宽并使表格适应屏幕

python、html、html-table

我正在编辑由difflib产生的html代码，使用漂亮的汤。添加样式和宽度规范使表格适合屏幕(万岁！)，但它也使所有列具有相同的宽度。我尝试添加以下代码来指定每一列的宽

浏览 0提问于2018-09-11得票数 0

3回答

<tbody>宽度比<table>宽度宽。文本不是包装

html、css

Hellooooooooooooooooooooooooooooooooooooooooooooo</td> </tr> </table>和CSS：.table {display:block;} .tBody {max-width: inher

浏览 8提问于2016-10-06得票数 3

回答已采纳

点击加载更多