3

我有一个div，其中包含一个table. 一切都按我的意愿工作，除了我不知道如何设置widthofdiv以便它随着width内部的table增长而增长。我怎样才能做到这一点？谢谢。

这是的CSS代码div：

#events-table-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    margin-top: 100px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

设置width为auto没有帮助。顺便说一句，我没有更改 CSS 表中的任何内容。

编辑：这是一个现场版本：http: //jsfiddle.net/ZDF2U/

4

4 回答 4

6

在您的情况下，您也可以在div：

display: table;

这是 jsFiddle：http: //jsfiddle.net/leniel/Et3t5/

这是另一个向您展示类似案例的 jsFiddle：http: //jsfiddle.net/leniel/T7DTc/

如果是 div，width: auto;那么它会扩展以容纳textarea表格内部。如果您将其设置为width: 500px;然后textarea在 div 之外增长。

所以解决方案看起来像设置width: auto;。当然，您的代码中的某些特殊内容可能会造成干扰。

于 2012-10-09T16:17:16.973 回答
2

设置table { width:100% }解决了它。现在我可以保持div足够大，桌子正好适合它。谢谢。

于 2012-10-09T16:20:23.953 回答
1

使 div 包含 table inline-block。即display: inline-block。这将强制它在被阻塞时呈现内联。或者display: table也可以。

链接到 jsFiddle：http: //jsfiddle.net/Mr9jQ/

于 2012-10-09T16:21:29.033 回答
0

您还可以将 divs 属性更改为

float:left;
width:auto;
于 2012-10-09T16:24:24.883 回答