長字符串與div對齊/形成

Question

我有一個用戶列表。而現在，任何名字很長的用戶都在亂搞陣容。

我想通過一個大小設置爲名稱將做的伎倆：

.invitee .name{ 
    height: 50px; 
    width: 115px; 
    text-align: center; 
} 

...不是這樣的。

我做了一個fiddle向你展示我的意思。

我該如何解決？

Answer 1

受邀者類有一個inline-block的CSS。充當默認的內聯元件使用垂直居中對齊，您可以添加：

.invitee {vertical-align:top} 

然後你就可以刪除的高度。

http://jsfiddle.net/B92LW/23/

PD：inline-block的不老的瀏覽器IE7一樣工作。您可以嘗試添加此黑客：

.invitee { 
    display:inline-block; *display:inline; *zoom:1 
} 

Answer 2

你可以使用溢出： overflow:hidden;

這將隱藏一切，這比規模更大。

Answer 3

嘗試這樣的事情http://jsfiddle.net/enve/B92LW/9/

首先定義.invitee的高度，並添加position: absolute到.name

Answer 4

補充一點：

white-space: nowrap;