如何強制我的跨度有一個確定的高度？

我想在一行中顯示「卡片」（每行有4張卡片）。每張卡片是包含標題（span）的div。我的主要問題是標題的高度會隨着顯示整個標題所需的行數而改變。如何強制我的跨度有一個確定的高度？

所以如果我有一個需要顯示2行的標題，那麼包含它自己的卡片將被移動，而標題只能在一行中顯示。

在這種情況下，我得到類似的東西：

  +-----+ 
+-----+ | ABC | +-----+ 
| ABC | | DEF | | ABC | 
+-----+ +-----+ +-----+ 
|  | |  | |  | 
|  | +-----+ |  | 
+-----+   +-----+

我怎樣才能解決這個問題，即我希望所有卡具有相同的高度，當然完全一致。

感謝

2014-01-27 romaintaz

我敢肯定，這個問題是重複的，但我不知道什麼搜索準確... – romaintaz

只是課程標題添加vertical-align爲跨度：

.title { 
    vertical-align:top; 
}

對於默認爲baseline，使得基於另一種基線文本inline-block元素的lenght跨度對齊變化。

_{您也可以將其添加到xxx類和工程}

2014-01-27 16:46:28 DaniP

感謝。我的代碼略有不同，但我認爲你的解決方案將解決我的問題。如果一切正常，我會檢查明天。 – romaintaz

我確認，這解決了我的問題。謝謝。 – romaintaz

這是什麼意思？與浮動我已經更換顯示器內聯塊左 http://plnkr.co/edit/xvP2ElSyEV1oXHSkV4Fb?p=preview

2014-01-27 16:49:03 Lukeeb

回答