不同行的html表单元格宽度
我有一张table
<html>
<body bgcolor="#14B3D9">
<table width="100%" border="1" bgcolor="#ffffff">
<tr>
<td width="25%">25</td>
<td width="50%">50</td>
<td width="25%">25</td>
</tr>
<tr>
<td width="50%">50</td>
<td width="30%">30</td>
<td width="20%">20</td>
</tr>
</table>
</body>
</html>
我如何使两行具有不同的单元格宽度？
问题答案：
据我所知，这是不可能的，这是有道理的，因为您要尝试做的事情与表格数据表示的想法背道而驰。但是，您可以将数据放在多个表中，并删除它们之间的任何填充和边距，以至少在视觉上达到相同的结果。类似于以下内容：
<html>
<head>
<style type="text/css">
.mytable {
border-collapse: collapse;
width: 100%;
background-color: white;
}
.mytable-head {
border: 1px solid black;
margin-bottom: 0;
padding-bottom: 0;
}
.mytable-head td {
border: 1px solid black;
}
.mytable-body {
border: 1px solid black;
border-top: 0;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.mytable-body td {
border: 1px solid black;
border-top: 0;
}
.mytable-footer {
border: 1px solid black;
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.mytable-footer td {
border: 1px solid black;
border-top: 0;
}
</style>
</head>
<body>
<table class="mytable mytable-head">
<tr>
<td width="25%">25</td>
<td width="50%">50</td>
<td width="25%">25</td>
</tr>
</table>
<table class="mytable mytable-body">
<tr>
<td width="50%">50</td>
<td width="30%">30</td>
<td width="20%">20</td>
</tr>
</table>
<table class="mytable mytable-body">
<tr>
<td width="16%">16</td>
<td width="68%">68</td>
<td width="16%">16</td>
</tr>
</table>
<table class="mytable mytable-footer">
<tr>
<td width="20%">20</td>
<td width="30%">30</td>
<td width="50%">50</td>
</tr>
</table>
</body>
</html>
我不知道您的要求，但是我敢肯定有一个更优雅的解决方案。
-
问题内容： 许多人仍然使用表格来布局控件，数据等。-流行的jqGrid就是一个例子。但是，发生了一些我似乎无法理解的魔术（它的桌子大声喊叫，可能有多少魔术？） 如何设置表的列宽并使它像jqGrid那样遵守！？如果我尝试复制此内容，即使我设置了every ，只要这些单元格之一的内容大于20px，该单元格就会展开！ 有什么想法或见解吗？ 问题答案： 您可以尝试对所有行使用标签管理表样式，但是您需要在或
-
问题内容： 我在表容器中有不确定数量的表单元元素。 有没有一种纯粹的CSS方法可以使表格单元具有相等的宽度，即使它们内部具有不同大小的内容？ 谢谢。 编辑：具有最大宽度将需要知道您有多少个单元格？ 问题答案： 这是工作单元数不确定的有效 您可以为每个父对象固定一个宽度（ 表格 ），否则通常将为100％。 诀窍是使用 每个单元上的一定宽度触发它，这里是2％。这将触发 另一个 表算法，浏览器会尽力遵守
-
问题内容： 许多人仍然使用表格来布局控件，数据等。-流行的jqGrid就是一个例子。但是，发生了一些我似乎无法理解的魔术（它的桌子大声喊叫，可能会有多少魔术？） 如何设置表的列宽并使它像jqGrid那样遵守！？如果我尝试复制此内容，即使我设置了every ，只要这些单元格之一的内容大于20px，该单元格就会展开！ 有什么想法或见解吗？ 问题答案： 您可以尝试对所有行使用标签管理表样式，但是您需要在
-
如何在word文件的特定位置（该位置是段落的文本）插入表格（请参见下面的代码）。然后可以设置表格单元格的字体和宽度？ 谢了！
-
问题内容： 我想让imageIcon在每个单元格中以不同的方式显示，但是由于某种原因，当我对其进行编译时，图像不会显示。它显示图像的名称，但是图像本身不显示。这是一张图片。http://i49.tinypic.com/r9ibrn.jpg } 问题答案： 您可以在调用构造函数时传递图像的名称（请阅读）。
-
我正在用Selenium IDE测试一个包含表的网页。我想通过CSS选择器验证表格单元格（行，列）中的文本。表的HTML结构非常简单。下面是一个表的示例，其中每一行表示一个人的不同属性： 在Selenium IDE中，我能够使用以下CSS选择器在包含AGE的表行中找到“49”： 当我将这些方法导出为JUnit代码时，问题就来了。以下JUnit代码块工作： （使用方法1） WebDriver.Fin