div和表格Html布局问题

-1

我有一个简单的Html布局问题。我希望表格根据其表格单元的宽度进行调整，但它正在调整到其父元素。div和表格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>

来源

2012-07-13 manoj

和样式？ – Musa 2012-07-13 04:35:15

你打算给它多少列？ – 2012-07-13 04:51:26

大约10到11或更多......我基本上希望表格比父div元素宽得多，并将div属性溢出设置为隐藏 – manoj 2012-07-13 04:54:03

放置在表中的一些内容，改变背景颜色显示它并扩展到内容，而不是在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-13 04:38:12

是的......但行宽度根据外部div宽度进行调整.. 。 – manoj 2012-07-13 04:42:33

只想要一个单一的行.... – manoj 2012-07-13 04:43:01

嘿，现在使用的CSS和使用其类一

像这样

table{ 
width:100px; 
// other css as requirement layout 
} 
.one{ 
width:50px; 
    // other css as requirement layout 
}

来源

2012-07-13 04:40:44

我想表格调整为行宽将是所有总表数据的宽度（），而不是像这样指定它... – manoj 2012-07-13 04:48:20

根据这个线索您的意见定义表和TD的宽度，

你想单行即所有<td>在一个<tr>
表调整为每这将是所有总表中的数据<td>

WEL宽度的行宽，你就得到了一个单行，如果你看仔细盯着表的内容进行相应的调整。

如果您希望元素与尺寸自动播放你需要做的是在挑选合适的地点合适的元素，不乱他们与他们的尺寸。但是，有时您需要调整尺寸，但如果基础坚固，则会反映在设计中。

表格元素的设置width不会对表格产生任何异常。它会根据内容调整自己。你没有什么特别的东西可以让它像这样工作。

如果你已经设置了父母的overflow:hidden你的输出将是类似于this.的东西请用更清晰的图片来修改它。

来源

2012-07-13 04:55:33 Rohit416

nope..it没有工作 – manoj 2012-07-13 05:00:11

div和表格Html布局问题

回答

相关问题