css - 显示：表格单元格和固定宽度答案

【问题标题】：css - display: table-cell and fixed width [duplicate]css - 显示：表格单元格和固定宽度
【发布时间】：2014-11-11 09:16:40
【问题描述】：

我有一些divs 的display: table-cell 样式，我想在divs 上设置固定宽度，如果里面的文字不合适，我会截断它。

HTML

<div class="row">
    <div class="cell" style="width:100px;">Should not fit in 100px</div>
</div>

CSS

 .row {
     display: table-row;
}

.cell {
    display: table-cell;
    border: solid 1px #DADADA;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

FIDDLE DEMO

有可能吗？

【问题讨论】：

您不能在表格单元格元素上设置固定宽度
@Guy 我想你是这里唯一看到实际单元格的人.. 因为 Levi 使用的是 div 的
@Azrael 一个 div 可以通过将其 display 属性更改为 display: table-cell; 成为表格单元格元素

标签： html css

【解决方案1】：

您可以改为设置max-width：

<div class="cell" style="max-width:100px;">Should not fit in 100px</div>

fiddle

【讨论】：

有什么方法可以设置宽度的百分比？