css-tables 相关问题

使用此标记而不仅仅是[css]来解决有关使用CSS设置HTML <table>元素样式的问题，或者使用CSS display：table属性声明来定义元素的布局以模仿HTML <table>的布局。

如何在html中用右文本制作2x2表

html css css-tables

回答 1 投票 0

如何限制表列宽度？

我表中的列之一可以包含一个不带有空格的长文本。我如何将其宽度限制为150px？我不希望它总是150px（如果是空的，应该是狭窄的），但是如果...

html css internet-explorer css-tables

回答 6 投票 0

CSS 将表格重置为默认等效项

我正在使用一个预制的购买模板，该模板的作者以这样的方式将东西连接在一起，有时几乎不可能以你想要的方式获得某些东西，在这个......

html css css-tables

回答 1 投票 0

如何做到<table style="something that will affect the TDs">纯内联？

很棒，但假设我需要做 1000 个，并且......我不被允许使用样式表。那么我可以放入什么 <td style="text-align:center"> 很棒，但假设我需要做 1000 个，并且...我不被允许使用样式表。那么我可以在 <table style="what"> 中放入什么来让我只使用没有属性的 <td> 呢？你不能。 style 属性仅影响其所在的元素，并且不包含选择器。是否可以使用内联 <style></style> 标签，而不是外部样式表文件？对于电子邮件，尤其是不支持标签的较旧或严格的客户端，创建了诸如“CSS内联”之类的工具。它会查看 <style></style> 标签，并将向与选择器匹配的所有标签添加 style 属性。例如这个： <style> p { color: red; } a { color: green; } </style> <p>Visit <a href="https://example.com">a website</a> to read things.</p> 渲染为： <p style="color: red;">Visit <a href="https://example.com" style="color: green;">a website</a> to read things.</p> 请注意，样式表中可能存在的某些内容，例如 a:hover{} 无法在样式属性中表达。如果你不能使用样式标签，你就不能。您需要将样式属性内联到所有 TD。如果您不允许使用 CSS 文件，但仍然可以添加 HTML，则可以内联添加样式。你可以这样做： <style> #myTable td{ border:1px solid black; } </style> <table id="myTable"> ... </table>

html css-tables

回答 2 投票 0

定位表中的特定列

我有一个 5 列 40 行的班级玩家表。我想让第二列的宽度：200px。我不知道如何选择表中的特定列。到目前为止我还没有...

css css-tables

回答 1 投票 0

是否可以使用 css 让表格行中的某些单元格具有垂直流动或水平流动？

我有一个基本表格：第 1 行，第 1 单元格第 1 行，第 2 单元格第 2 行，C... 我有一个基本的表格： <table border="1"> <tr> <td>Row 1, Cell 1</td> <td>Row 1, Cell 2</td> </tr> <tr> <td>Row 2, Cell 1</td> <td>Row 2, Cell 2</td> </tr> <tr> <td>Row 3, Cell 1</td> <td>Row 3, Cell 2</td> </tr> </table> 是否可以使最后一行元素具有垂直流动而不是水平流动？这就是我想要实现的目标：首先为两个 tr 创建单独的 td，然后将 colspan="2" 添加到 td。下面是工作示例。 <table border="1"> <tr> <td>Row 1, Cell 1</td> <td>Row 1, Cell 2</td> </tr> <tr> <td>Row 2, Cell 1</td> <td>Row 2, Cell 2</td> </tr> <tr> <td colspan="2">Row 3, Cell 1</td> </tr> <tr> <td colspan="2">Row 3, Cell 2</td> </tr> </table>

css css-tables

回答 1 投票 0

CSS 动画表格行宽度？

采用以下基本 CSS 表。是否可以将表格单元格设置为零宽度并通过CSS使其可以设置动画？我似乎隐藏表格单元格的唯一方法是使用 display: none，但是...

html css css-animations css-tables

回答 4 投票 0

如何使表格单元格高度相等而不使一个单元格上的图像超出表格？

所以我有一个，它有 1 行 2 列，一行包含一个非常大的图像，另一行只包含您常用的表格单元格内容 - 几个。这是一个萨... 所以我有一个 <table>，它有 1 行 2 列，一行包含一个非常大的图像，另一行只包含您常用的表格单元格内容 - 一些 <p>。这是一个示例： td { background-color: RebeccaPurple; padding: 0; } <table> <tr> <td><img src="https://picsum.photos/500"></td> <td><p>hhhh placeholder hhhh</p><p>hhhh placeholder hhhh</p><p>hhhh placeholder hhhh</p><p>hhhh placeholder hhhh</p></td> </tr> </table> 当图像大于第二个表格单元格时，整个表格会变大。我希望图像的高度使两个单元格的高度相等。不给桌子设置固定高度可以吗？ <table style="table-layout: fixed; width: 100%;"> <tr> <td style="width: 50%;"> <img src="https://picsum.photos/500" alt="Example Image" style="width: 100%; height: auto;" /> </td> <td style="width: 50%; text-align: center;"> <p>hhhh placeholder hhhh</p><p>hhhh placeholder hhhh</p><p>hhhh placeholder hhhh</p><p>hhhh placeholder hhhh</p> </td> </tr> </table>

html css css-tables

回答 1 投票 0

表格布局：固定忽略 td 的最小宽度

我有一个项目，需要一个包含固定宽度和灵活宽度列的表格。无论浏览器的宽度是多少，某些列的宽度始终需要为 80px。那个...

css css-tables tablelayout

回答 4 投票 0

IE 中的 CSS 样式表

我正在使用表格作为网页的页脚。我真的不太了解表格，因为我一直使用CSS。以下是我制作的唯一一张表格。它似乎可以在 Opera、Chrom 中工作...

html css internet-explorer-7 css-tables

回答 1 投票 0

如何消除表格边框底部间隙？

我试图在每个数据部分下放置一个边框底部，但它在第一列和第二列之间有一个分割。我不知道如何删除列之间的空间。我尝试使用...

css css-tables

回答 1 投票 0

Wordpress Ninja Tables CSS 样式

我正在尝试找到一种方法来编辑通过CSS创建的每个表格。我之前使用过其他产品，例如创建“id”的 tablepress，这样当我查看时您可以单独访问该表...

html css wordpress css-tables ninja

回答 3 投票 0

使文本区域填充表格单元格

我知道，SO上也有类似的问题，但答案似乎对我不起作用。我的表格有一个填充多行的单元格，我希望文本区域填充整个单元格。代码...

html css html-table css-tables

回答 4 投票 0

如何生成单元格合并在列中的表格

这是我期望的表格：我使用了这段代码，但没有得到预期的结果 ... 这是我期望的表格：我使用了这段代码，但没有得到预期的结果 <table border="1" align="center" cellpadding="10px"> <thead> <tr> <th>a</th> <th>b</th> <th>c</th> </tr> </thead> <tbody> <tr> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td rowspan="2"> g </td> <td rowspan="1"> h </td> <td rowspan="3"> i </td> </tr> <tr> <td rowspan="2"> j </td> </tr> <tr> <td rowspan="1"> k </td> </tr> </tbody> </table> 可能是这样吗？ td { border : 1px solid black; text-align : center; width : 5em; } .noZ { visibility : hidden; } /* cellpadding="10px" */ <table> <thead> <tr> <th>a</th> <th>b</th> <th>c</th> </tr> </thead> <tbody> <tr> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td rowspan="2"> f </td> <td rowspan="1"> g </td> <td rowspan="3"> h </td> </tr> <tr> <td rowspan="2"> j </td> <td class="noZ"> z </td> </tr> <tr> <td rowspan="0"> i </td> </tr> </tbody> </table>

html css html-table row css-tables

回答 1 投票 0

Outlook 云签名向 CSS/HTML 表格添加 1px 填充

我有一个使用嵌套表的 HTML/CSS 文件，用作 Outlook 云中的电子邮件签名，虽然代码似乎在 VS Code 预览版或 CodePen 中按预期工作，但将其粘贴到 Outlo 中时...

html css email outlook css-tables

回答 1 投票 0

为表格行标题和列标题添加边框样式

如果可能的话，我将不胜感激。我正在尝试向我们公司平台的 HTML 编辑器自动生成的表格添加一些全局 CSS 样式，但正在运行...

html css html-table row css-tables

回答 1 投票 0

如何（以及为什么）使用 CSS“display: table-cell”？

我有一个背景非常活跃的网站（我说的是 6 个左右不同的 z 索引，其中 2 个带有动画）。我想要一个有内容的前景，但想要一个通向