與跨度垂直對齊

Question

也許這已被回答，我搜索不正確，但這是我的問題。我有一個MVC項目，視圖需要看起來像一個表。所以，我在裏面使用了一個帶有跨度的div。我的問題是我需要將數據垂直居中。當我將顯示設置爲內聯塊時，我無法垂直對齊，因爲有些數據可能會換行併成爲兩行。所以，這使用行高來拋出。然後我試着讓量程顯示值爲表格單元格。這工作，我可以使用vertical-align：middle，但是然後我無法設置固定的寬度。而且，我需要這樣看起來像一張桌子，所以固定的寬度是必需的，否則它看起來很可怕。

這是我迄今爲止的嘗試，我知道css需要清理，但我寧願修復第一個atm。

http://jsfiddle.net/Scorpionb/ukMfX/（滾動條導致整個行錯開）

http://jsfiddle.net/Scorpionb/QzFc3/(white-space:normal;並取出溢擺脫滾動條）

http://jsfiddle.net/Scorpionb/H6ATy/（試圖把它當作一個表）

希望這是有道理的，但我現在已經到處跑這麼多圈，我失去跟蹤的是什麼在起作用什麼都沒有。所以，問你是否有任何問題。

此外，這是一個ASP MVC項目，所以我綁的每一行數據的形式提交，並綁定到一個模型

Answer 1

你真的應該使用表格表格內容。

您也可以通過使用簡寫CSS清理CSS。一些有用的，讓你開始：

• font
• border-width