2011-10-25 35 views
1

我想垂直居中有3行文字在這個例子中,我正在與我怎樣才能將情侶的文字垂直居中?

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

打不過我發現我不能在這種情況下使用line-heightheight。有沒有其他方式垂直居中不使用高度或線高?

//這下面的代碼does not工作權

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

什麼沒有'線高'工作?例如 – fncomp

+0

它也會將組標題移動到另一個節點的中心。例如「Incobus」,「克拉姆」等將移動到下面的節點 - whihc打破樹狀圖inna – user244394

+0

可能重複的[如何對齊文本垂直中心在div與CSS?](http://stackoverflow.com/questions/8865458/how-to-align-text-vertical-center-in-div-with-css) – user

回答

3

你可以嘗試display:tablevertical-align:middle

因此,它會像

.node{ 
    display:table; 
} 

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

不知道它的工作給予示例的當前佈局。

+0

試過它沒有工作 – user244394