使用CSS的表格布局

我试图在我的div中使用表布局。我的配置一切正常。但是，设置最小宽度有一个问题。我试着在表格中使用这个。这是你的电话号码

当divleft标签大小增加时，在maindiv宽度达到限制之前，它不应换行到下一行。因此，这意味着将left div min width设置为25%，如果left div内容增长，则应扩展宽度以适应内容，直到达到主div宽度。请建议我怎么做

Css代码

.divmain
{
display: table-row;
padding: 12px;
}
.divleft
{
display: table-cell;
vertical-align: top;
padding: 1px;
width: 25%;
}
.divright
{
display: table-cell;
vertical-align: top;
padding: 1px;
}

添加两个属性

.divmain { width:100% }

.divleft { min-width: 25%; }

注意：我还更改了您的CSS声明：

更新 注意：在更新的演示中，您错过了第一行的

divright

课程。现在看

.divleft
{
    display: table-cell;
    vertical-align: top;
    padding: 1px;
    min-width: 35%;
}
.divright
{
    display: table-cell;
    vertical-align: top;
    padding: 1px;
}

---

提示：为什么要在每个CSS属性之前添加

.divmain

？删除divleft的最小宽度似乎不起作用。当标签太小时，divleft应该使用最小宽度25%来允许divright元素的开始。我必须为divleft元素提供最小宽度（比如25%）。若我的divleft元素标签很小，比如No、Name、Dept，那个么divleft的最小宽度也应该是25%。再次观看演示。我更新了。