オーバーフローが隠されているdivのテキストを縦に並べる方法は？

Question

私はテーブルを生成するaspのgridViewを持っています。周りを見回っているTDに固定数の行だけを表示する必要があるとき、私はdivをdiv内に配置するようになったので、私は目標を達成することができました。

table.XDataGridView td div.inner-table-div { 
height: 32px; 
padding: 1px; 
overflow: hidden; 
display: block; 
} 

.rfTaskExecutionWrapper td { 
    min-width: 100px; 
    font-size: 12px; 
} 

私は、最初の列が縦に二列の同じ中央、上に整列させることを望みます。私はまた、2行または3行のテキストだけを表示したいと思っています。そのために私は高さを制限しましたが、私はまだ3行目のテキストを見ています - 私は望んでいません。

ソリューションは、クロムとInternet Explorer 7（Windows CE上）で動作する必要があります。

Answer 1

テーブルセルの内容を垂直方向に調整するには、vertical-align: middleを使用します。

2番目の列に2行しか表示されないようにするには、line-heightを使用します。 divの高さは32ピクセルです。上部と下部に1ピクセルのパディングがあるので、30ピクセルになります。 （あなたは標準的なボックスサイズを使用しています）つまり、line-height: 15pxをdivに追加すると、2行と3行しか表示されません。