如何設置CSS表格的最大高度？

Question

我使用這篇文章中概述的方法試圖垂直居中文本在一個div：http://css-tricks.com/vertically-center-multi-lined-text/

.container { 
 
    width: 160px; 
 
    margin: 80px auto; 
 
    padding: 5px; 
 
    height: 60px; 
 
    max-height: 60px; 
 
    border: 1px solid black; 
 
    display: table; 
 
} 
 

 
.container p { 
 
    height: 60px; 
 
    max-height: 60px; 
 
    display: table-cell; 
 
    vertical-align: middle; 
 
    text-align: center; 
 
}

<div class="container"> 
 
<p>This is a lot of text. A really large amount of text, even. So much text here. And it just keeps going, oh my. Wow - so much text.</p> 
 
</div> 
 

 
<div class="container"> 
 
<p>Here's one line.</p> 
 
</div>

的jsfiddle這裏：http://jsfiddle.net/Vc88w/2/

股利不能去比大60px的指定高度，以及任何溢出的文本應該隱藏。如果沒有足夠的文本來使div溢出，CSS表格技巧就可以正常工作，但是當它太多時會迫使div大於60px（第一個示例），這不是我想要的。

是否有除了高度和最大高度，讓我重寫CSS表的高度的CSS規則？另外，如何在容器div上執行60px的最大高度時實現垂直居中？ ‘：表顯示’有

Answer 1

是的，你必須在「.container」變‘顯示：塊’

.container { 
width: 160px; 
margin: 80px auto; 
padding: 5px; 
height: 60px; 
max-height: 60px; 
border: 1px solid #000; 
overflow: hidden; 
display: block; 
}