下面我发布了一些代码,我正在使用这些代码来尝试将表格宽度设置为每个列的固定比例。一个是10%,另一个是90%。
目前,我正通过javascript在"treeOne“div标签处插入一个dijit.Tree小部件。当这个树打开时,我的列的宽度会增加以适应需要。我希望它始终是10%的宽度,并且停止调整列的大小。我做错了什么?
<table width="100%" border="1">
<thead>
<tr>
<td style="overflow:hidden;width:10%;"> Tree</td>
<td style="width:90%;" > Query</td>
</tr>
</thead>
<tbody>
<td style="overflow:hidden;width:10%;">
<div id ="treeOne">Insert Tree here</div>
</td>
<td style="width:90%;">
.
.
.
发布于 2011-10-13 19:45:06
表格单元格应该像这样工作,扩展以容纳其中的任何内容。
如果您希望它的大小固定(并删除进程中的内容),请尝试将CSS与div一起使用:
<style type="text/css">
.col1 {
clear:both;
float:left;
overflow:hidden;
width:10%;
}
.col2 {
float:left;
width:90%;
}
</style>
<div class="col1">
<div id ="treeOne">Insert Tree here</div>
</div>
<div class="col2">...</div>
https://stackoverflow.com/questions/7759500
复制相似问题