css样式表中如何设置table的第一列的宽度是固定值。页面中有很多table纵向排列

Posted 2023-04-09

或者是用js也可以。用js的给所有td添加一个class名字。然后这个名字在让是表中设置了一个宽度也同样可以解决这个问题

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<table>标签中的第一个<td>标签，加入属性代码：width="65px"。

3、浏览器运行index.html页面，此时表格第一列的宽度被固定在65像素。

参考技术A

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的第1个<td>标签中，输入样式代码：width="50px"。

3、浏览器运行index.html页面，此时实现了表格的第一列固定50px宽度。

参考技术B table

table-layout:fixed;

table tr td:first-child,table tr td:first-child
width:120px;

你只要把首行 第一个td定宽 同列的宽度都会和他一样.
你要注意的是 第一行 第一个用的是 td 还是 th

楼下的 你测试过吗 就敢说可能有问题.本回答被提问者采纳 参考技术C 其实最直接的方法是直接给每行第一列加宽度值或是加样式控制或者如2楼那样(不过2楼方法兼容性可能有问题)就OK了，不过如果实在太多要自动加的话可以用js，下面我使用jq写的(记得加载jq库)：
$("table tr td:eq(0)").each(function()//匹配所有table中所有tr的第一个td
$(this).css("width","XXXpx");//XXX为宽度值，楼主根据需要自己设置
) 参考技术D 直接在第一列中加一个class控制不就行了吗！

如何为 QFormLayout 的第一列设置最小宽度？

【中文标题】如何为 QFormLayout 的第一列设置最小宽度？

【英文标题】：How to set minimum width for the first column of the QFormLayout?

【发布时间】：2013-10-05 03:44:07

【问题描述】：

如何设置QFormLayout 第一列的最小宽度？我可以使用QGridLayout::setColumnMinimumWidth(int, int) 为QGridLayout 执行此操作，但找不到为QFormLayout 执行此操作的方法。

【参考方案1】：

这很简单。只需为您插入第一列的任何小部件设置最小宽度即可。

【讨论】：

您还可以添加一行零高度和您想要设置为最小宽度的任何宽度的元素。

【参考方案2】：

如何设置 QFormLayout 第一列的最小宽度？

你不能（副手）。它不是为此而设计的，因为这听起来更像是QGridLayout 功能。您可以重构您的设计以使用 QGridLayout，或者您可以根据需要设置行的大小，但您将在行内容而不是布局本身上执行该操作。