2011-10-25 12 views
1

は、私は私がカップルラインのテキストを垂直方向にセンタリングするにはどうすればよいですか?

http://thejit.org/static/v20/Jit/Examples/Treemap/example1.html#

で遊んだということを、この例に縦にいくつかの3行のテキストを中央にしようとしていますが、私はこのような状況でline-heightまたはheightを使用することはできません気づきました。高さや線の高さを使わずに垂直方向にセンタリングする方法はありますか?

// doesntの作業以下、このコードあなたがそうdisplay:tablevertical-align:middle

を試みることができる権利

.node {line-height:8em;} 
.node p {display:inline;display:inline-table;display:inline-block; 
      vertical-align:middle;} 
+0

'line-height'については何が問題になりましたか? – fncomp

+0

たとえば、グループタイトルを他のノードの中央に移動します。例えば ​​"Incobus"、 "Kram"などは、下にあるノードに移動します.-入れ墨を中断する可能性があります。 – user244394

+0

[divとcssでテキストを垂直に整列する方法は?](http://stackoverflow.com/questions)/8865458/how-to-align-text-vertically-center-in-div-with-css) – user

答えて

3

、それは

.node{ 
    display:table; 
} 

.node p{ 
    display:table-cell; 
    vertical-align:middle; 
} 

ない、それは与えられた仕事と確信ようなものになるだろうこの例の現在のレイアウト。

+0

はそれが仕事をしなかったことを試みた – user244394

関連する問題