-1

我有一个简单的 Html 布局问题。我希望表格根据其表格单元格的宽度进行调整，但它正在调整为其父元素。

有什么帮助吗？

风格是

 <style>
    .one
    {
       width:50px;
       height:30px;
       background:black;
     }
 </style>

HTML：

 <div style="position:absolute;width:200px;height:500px;">
    <table>
    <tr>
    <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
     <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
    </tr>
</table>
</div>
4

3 回答 3

0

根据您在此线程中的评论，

  • 你想要一行，即多<td>合一<tr>
  • 表格根据行宽进行调整，这将是所有表格数据的宽度<td>

好吧，你确实有一行，如果你仔细看的话，表格的内容会相应地调整。

如果您希望元素自动使用尺寸进行播放，您需要做的就是在正确的位置选择正确的元素，并且不要将它们的尺寸弄乱。但是，有时您需要调整尺寸，但如果基础牢固，它将反映在设计中。

表格元素的设置width不会对表格造成任何异常。它会根据内容自行调整。你不需要做任何特别的事情来让它像这样工作。

如果您有一组overflow:hidden父级，您的输出将是这样的。请用更清晰的图片修改这个。

于 2012-07-13T04:55:33.487 回答
0

在表格中放置一些内容并更改背景颜色显示它确实扩展到内容而不是 div 容器......它应该做你想要的，除非你有一些定义表格参数的 CSS 所以检查表格的外部 CSS 规则。

<div style="position:absolute;width:200px;height:500px;background-color:ff0033;">
<table bgcolor="blue">
<tr>
<td class="one"></td><td class="one">wewer</td>
<td class="one"></td><td class="one"></td>
<td class="one"></td><td class="one"></td>
<td class="one"></td><td class="one"></td>
 <td class="one"></td><td class="one"></td>
<td class="one"></td><td class="one"></td>
</tr>
</table>
</div>
于 2012-07-13T04:38:12.927 回答
0

嘿，现在使用 css 并使用其类 1 定义 table 和 td 的宽度

像这样

table{
width:100px;
// other css as requirement layout 
}
.one{
width:50px;
  // other css as requirement layout
}
于 2012-07-13T04:40:44.990 回答