div内で垂直に整列する方法：hidden

Question

div内にverticaly整列テキストに関するチュートリアルがたくさんありますが、 "overflow：hidden"で行う必要がありますが、 display：block "ではなく、" display：table-cell "ではない。 ここにhtmlがあります：http://melondev.com.br/twitter/ （「オーバーフロー：隠されていても、長いテキストを見てください...」続きを読む ありがとう！

Answer 1

overflow: hiddenを塗布要素に適用するだけで済みます。

厳密display:tableと要素内にない自体display:table-row持つ要素内にないdisplay:table-cellと要素はしばしば、これはその一つであり、予期しない結果と予期しない動作につながる有する、話します。

<table style="table-layout: fixed;"> 
    <tr> 
     <td style="width: 100px; overflow: hidden; vertical-align: middle;">Text here</td> 
    </tr> 
</table> 

上記作品：代わりに、あなたは簡単にこのような<table>要素を使用することもできました！あなたのメモのヘッダーやものの行を持つこともできます。確かに、それはかなりではありませんが、この状況のた​​めに設計されたものを使用します。

しかし、それはさておき、あなたが<div>要素内部<span>を持っている - これは良いものではなく、多くの古いブラウザ（と最近は）それを拒否します。インラインレベルの内部にブロックレベルの要素を置くべきではありません。