如何将div width设置为表格的宽度呢？

Question

我有一个div，其中包含一个table。一切工作，我想，除了我不知道如何设置width的div，这样它的增长作为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/

Answer 1

您也可以在div：

display: table;

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

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

如果是div，width: auto;则它会扩展以容纳textarea桌子内部。如果将其设置为，width: 500px;则textareadiv之外的增长。

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