html - 如何获得具有固定宽度列的 <table> 以填充其容器的整个宽度?

标签 html css

我有一个 HTML 页面,中间有一个部分。此水平部分使用 <table>并且有一个需要在整个部分水平重复的自定义背景图像。该表中有 5 个元素。这些元素的静态大小为 140 像素。

我的问题是,我无法让图像在剩余空间中重复。就好像 table 没有拉伸(stretch)整个宽度一样。但是,如果我将表格宽度设置为 100%,表格单元格将超过 140 像素。

我该怎么办?我想让 table 填满整个空间。但我希望我的单元格保持恒定大小,并且我希望使用背景图像。

谢谢!

最佳答案

A <table>仅与其内部的细胞一样大。因此,如果您有 5 个单元格,每个单元格的宽度为 140 像素,那么表格将只有 700 像素宽:它不会延伸到可用的整个宽度。

你可以包装 <table><div>并将重复的背景图像放在 <div> 上, 如果 the 6th cell solution不起作用或不受欢迎。

关于html - 如何获得具有固定宽度列的 <table> 以填充其容器的整个宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4539221/

相关文章:

javascript - 如何使用 CSS 以 x=50,y=50 为中心旋转一条线(x1=50,y1=50,x2=50,y2=10)?

html - CSS 布局中的 "Whatever is Left"

jquery - 如何在很长的html表格中隐藏列

javascript - ANGULARJS:如何从服务器收到的 URL 下载 PDF

html - 根据数量自动在包装器中隔开 div

html - 使用 CSS 媒体查询更改页面布局

css - 响应式电子邮件模板中的媒体查询

html - twitter bootstrap select 覆盖了它的一些标签

html - “底部”在 Edge 中不起作用

jquery - 对齐 CSS Drop Down 的恼人问题