html - 根据其中的表格自动调整 div 的宽度

Question

我有一个使用程序自动生成的表。该程序指定每列具有特定的max-width. 我希望包含的 div 仅与表格所需的一样宽。页面上的其他元素也可能超出表格的宽度。所以我想知道是否有办法正确解决这个问题。

你可以在这里看到我在说什么：http: //jsfiddle.net/ck9TB/1/

没有“免责声明”div似乎很好，所以我想也许我需要调整它？

任何帮助是极大的赞赏！

Answer 1

我想你想要这样的东西。

首先，将 id 更改为一个类，.logTable而不是#logTable，这将处理您的规则max-width。

应用于display: inline-block，.logTable这将导致div具有收缩到适合的宽度。

.logTable {
    border: 1px dashed blue;
    display: inline-block;
}
.logTable th, .logtable td {
    max-width:105px;
}

蓝色虚线边框显示 的边缘.logTable。

浅蓝色背景来自 的背景色，body与 无​​关.logTable。

见小提琴：http: //jsfiddle.net/audetwebdesign/96yeW/