如何让td背景色在html&；中从左向右延伸，而不仅仅是表格宽度；css？
我正在创建一个页面，其中a希望列出许多项目。为了让它更具可读性，我想改变每一个项目的背景颜色。我想让背景色从左向右延伸，就像浏览器窗口一样 目前，包含这些元素的表格的宽度为950px，因此td颜色仅为950px。如何在保持文本950px宽度的同时使其更宽如何让td背景色在html&；中从左向右延伸，而不仅仅是表格宽度；css？,css,html,layout,html-table,Css,Html,Layout,Html Table,我正在创建一个页面，其中a希望列出许多项目。为了让它更具可读性，我想改变每一个项目的背景颜色。我想让背景色从左向右延伸，就像浏览器窗口一样 目前，包含这些元素的表格的宽度为950px，因此td颜色仅为950px。如何在保持文本950px宽度的同时使其更宽 我正在处理的页面是您设想的解决方案几乎是不可能的 您需要将表格设置为页面的全宽，然后将每个表格单元格的内容包装在宽度为950px且在单元格内水平居中的包装器中 将表格用于此布局是一个糟糕的选择。每个表行都是一个独立的单元，可以用子元素标记为块级
我正在处理的页面是您设想的解决方案几乎是不可能的 您需要将表格设置为页面的全宽，然后将每个表格单元格的内容包装在宽度为950px且在单元格内水平居中的包装器中
将表格用于此布局是一个糟糕的选择。每个表行都是一个独立的单元，可以用子元素标记为块级元素（div）。大型表格的加载和渲染速度往往较慢，因此除非您正在显示表格数据，否则请避免使用它们。正如Marc和Fez所指出的，表格实际上只应用于数据显示 我建议您使用div元素来实现您的目标，如下所示：
<body>
<div>Some Text</div>
<div class="coloured">Some Text</div>
<div>Some Text</div>
<div class="coloured">Some Text</div>
</body>
一些文本
一些文本
一些文本
一些文本
HTML 将其直接放入
这是。你真的在写表格布局吗？摆脱桌子显然是解决办法。不幸的是，目前我对CSS的了解还不够好。我很想找个人来帮助我，显然是要收费的。其他一些发布的解决方案显示了实现同等布局的非表方法，因此，它们可能为您提供了一个起点，非常值得仔细查看。我实际上正在处理的页面比我上面提到的页面要复杂得多。目前，我将使背景色950px宽。然后我会寻找一个CSS编码器来帮助我重写页面，去掉所有的表。
<div class="zebra">
<div class="zebra-item">
<div class="zebra-left">
Some text
</div>
<div class="zebra-right">
Some image
</div>
</div>
</div>
<div class="zebra">
<div class="zebra-item">
<div class="zebra-left">
Some image
</div>
<div class="zebra-right">
Some text
</div>
</div>
</div>
.zebra:nth-of-type(2n) {
background-color: #efefef;
}
.zebra-item {
width:400px;
clear:left;
margin: 0px auto;
}
.zebra-left, .zebra-right {
width: 50%;
float:left;
}