div和表格Html布局问题
我有一个简单的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>
放置在表中的一些内容,改变背景颜色显示它并扩展到内容,而不是在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>
嘿,现在使用的CSS和使用其类一
像这样
table{
width:100px;
// other css as requirement layout
}
.one{
width:50px;
// other css as requirement layout
}
我想表格调整为行宽将是所有总表数据的宽度(),而不是像这样指定它... – manoj 2012-07-13 04:48:20
根据这个线索您的意见定义表和TD的宽度,
- 你想单行即所有
<td>
在一个<tr>
- 表调整为每这将是所有总表中的数据
<td>
WEL宽度的行宽,你就得到了一个单行,如果你看仔细盯着表的内容进行相应的调整。
如果您希望元素与尺寸自动播放你 需要做的是在挑选合适的地点合适的元素,不乱 他们与他们的尺寸。但是,有时您需要调整尺寸,但如果基础坚固,则会反映在设计中。
表格元素的设置width
不会对表格产生任何异常。它会根据内容调整自己。你没有什么特别的东西可以让它像这样工作。
如果你已经设置了父母的overflow:hidden
你的输出将是类似于this.的东西请用更清晰的图片来修改它。
nope..it没有工作 – manoj 2012-07-13 05:00:11
和样式? – Musa 2012-07-13 04:35:15
你打算给它多少列? – 2012-07-13 04:51:26
大约10到11或更多......我基本上希望表格比父div元素宽得多,并将div属性溢出设置为隐藏 – manoj 2012-07-13 04:54:03