css-tables 相关问题

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

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

所以我有一个 ,它有 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>

回答 1 投票 0

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

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

回答 4 投票 0

IE 中的 CSS 样式表

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

回答 1 投票 0

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

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

回答 1 投票 0

Wordpress Ninja Tables CSS 样式

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

回答 3 投票 0

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

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

回答 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>

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

如何(以及为什么)使用 CSS“display: table-cell”?

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

回答 5 投票 0

是否可以使用 CSS 网格复制经典的表格间距?

我有一个有两列的表格。其中一栏的内容比另一栏多。我想复制老式表的行为,其中可用空间大致按比例分配...

回答 1 投票 0

如何在到达页脚之前将表格换行到新页面?

我想打印动态生成的 HTML 表格和页脚。 因此,我定义了一个 HTML 表格和页脚,如下所示: ...

回答 1 投票 0

固定长度表,列占用最大宽度

我无法找出实现以下目标所需的 CSS 样式: 我想要一个最大宽度为 400px 的 HTML 表格。 在表格中,每列应该有一个最大宽度......

回答 1 投票 0

我需要什么 CSS 和 HTML 才能将表格从 1 行 4 列数据切换为 2 行 2 列、屏幕宽度为 550 像素且没有重复内容?

使用 CSS 和 HTML 我想在没有重复内容的情况下实现这种效果? 1.屏幕宽度大于550px: 2. 屏幕宽度小于550px: 这是使用

回答 1 投票 0

如何将表格置于 div 内居中,同时又不丢失溢出

我有一个仪表板 HTML 页面,有 2 个部分: 对于垂直导航栏 对于一桌人(以及稍后可选的一些 h1 文本) 我只是想要一种让表格在主窗口居中的方法,而......

回答 1 投票 0

当每一行都包裹在自己的容器div中时,可以使用CSS网格吗?

我目前有一个带有主容器的简单表格(即显示:表格)。在该容器中,我有一些行(即显示:表行),然后有一些 div(即显示:表单元格)。 ...

回答 2 投票 0

适用于 Outlook.exe 的电子邮件的稳健两列 HTML 布局,如何在没有表格的情况下使用?

目前,我们使用电子邮件软件中的表格来创建如下所示的两列布局,在实际电子邮件文本的左侧显示讨论参与者的头像,类似于论坛

回答 1 投票 0

如何用其他边框类覆盖边框类?

我正在尝试弄清楚如何覆盖我添加到表格中的一些表格边框类。 我为表格边框创建了 5 个类,并添加了边框折叠。在第一行我想要第一个

回答 1 投票 0

CSS 修剪表内容

我正在寻找一种使用 CSS 修剪表格单元格中长内容的方法。例如。假设给定的单元格包含太长的内容。调整桌子的宽度以适应这个确实......

回答 2 投票 0

具有固定标题和可滚动正文的 Tailwindcss 表格

我正在尝试使用 Tailwind 构建一个具有固定标题和可滚动正文的表格。请注意,只有表格的主体应该是可滚动的,而不是周围的 div。这是为了防止

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.