css - 在 html 和 css 中,如何获得从左向右拉伸(stretch)的 td 背景颜色,而不仅仅是表格宽​​度?

标签 css html layout html-table

我正在创建一个要列出多个元素的页面。为了使其更具可读性,我想更改每隔一项的背景颜色。我希望背景颜色从左到右一直延伸,就像浏览器窗口一样。

目前包含这些元素的表格的宽度为 950px,所以 td 颜色只有 950px。如何在保持文本宽度为 950 像素的同时使其变宽?

我正在处理的页面是 http://www.spanish-bookworld.com/delete-footer.html

最佳答案

您设想的解决方案几乎是不可能的。

您需要使表格占满页面的宽度,然后将每个表格单元格的内容包裹在宽度为 950 像素且在单元格内水平居中的包装器中。

为这种布局使用表格是一个糟糕的选择。每个表行都是一个独立的单元,可以标记为具有子元素的 block 级元素 (div)。大型表格的加载和呈现速度往往较慢,因此除非您要显示表格数据,否则请避免使用它们。

关于css - 在 html 和 css 中,如何获得从左向右拉伸(stretch)的 td 背景颜色,而不仅仅是表格宽​​度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18697087/

相关文章:

css - 我有布局问题

ios - Xcode 应用程序布局不适用于所有设备

css - Font-Awesome-Rails CSS 微调器在 Safari 中不起作用

javascript - 溢出隐藏并同时滚动

javascript - 为 img html 标签提供不止一种替代图像源?

javascript - 如何输出 body 标签上的类

python - Beautifulsoup css数据提取

html - 特定高度和宽度的父 div 水平包含子 div 的数量

html - 如何将文本行移动到另一行下方?

如果最初设置为不可见,android setVisibility 不显示