Question

下面我发布一些代码，用于尝试将表格宽度设置为每列的固定比例。一个是10％，另一个是90％。

目前，我正在“treeOne”div标签上通过javascript插入一个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%;">
    .
    .
    .

Answer 1

表格单元格应该像这样工作，扩展以适应它们内部的任何内容。

如果你想要修改它的大小（并删除过程中的内容），请尝试使用带div的CSS：

<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>

当列中有树时，表会调整大小

1 个答案: