0
假設我有一個有兩列的表格,我希望右列寬度是表格單元格內容的大小,左列寬度儘可能寬。我還想讓左欄不要換行並顯示省略號。如何獲得流體表格以使用省略號?
我已經在這裏創造http://jsfiddle.net/fTd8m/
<style type="text/css">
.parent{
display:table;
table-layout:fixed;
width:100%;
}
.left-column{
display:table-cell;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.right-column{
text-align:right;
display:table-cell;
}
</style>
<div class="parent">
<div class="left-column">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="right-column">
Right Column
</div>
</div>
我有越來越左欄是在儘可能廣泛的問題的jsfiddle例子。 如果我刪除了css table-layout:fixed;省略號不能按預期工作。
我該如何獲得流體表格以使用省略號?