溢出：隱藏在細胞 - 出乎意料的結果

新手到web開發 - 有限制的小區（display:table-cell）的大小，因此，使用overflow:hidden溢出：隱藏在細胞 - 出乎意料的結果

如果單元含量比的寬度更細胞（我希望它被隱藏）的內容是沒有得到隱藏即使overflow:hidden

下面的代碼的要點

<html> 
<style type="text/css"> 
.table{ 
display: table; 
} 
.row{ 
display: table-row; 
} 
.cell{ 
display: table-cell; 
} 
.mod{ 
width: 50px; 
overflow: hidden; 
border:1px solid black; 
} 
</style> 
<div class="table"> 
<div class="row"> 
    <div class="cell"> 
    Foo 
    </div> 
    <div class="cell mod"> 
    barbarbarbarbarbar 
    </div> 
</div> 
</div> 
</html>

如果寬度（類MOD）被替換爲最大寬度 - 它似乎工作。關於它是如何工作的s與max-width一起使用但不與width

來源

2011-09-21 Vivek Chandra

爲了溢出：隱藏起作用，元素必須浮動。如果你設置float：left;在你的.mod類中，它將隱藏不適合單元格的其餘文本。

請注意，你應該漂浮其他類，以便以後不會遇到問題。

來源

2011-09-21 06:46:00 Vegard

Vivek正在使用'overflow：hidden'來隱藏溢出的內容，而不是一個明確的修復。 –

@vegard謝謝，那有效。@ mu dint得到你所說的，什麼是明確的狐狸？ –

溢出：隱藏在細胞 - 出乎意料的結果

回答

相關問題