html - 跨度垂直对齐

Question

也许这已经得到解答，我搜索不正确，但这是我的问题。我有一个 MVC 元素，其中的 View 需要看起来像一个表。所以，我正在使用一个内部有 span 的 div。我的问题是我需要里面的数据垂直居中。当我将显示设置为 inline-block 时，我无法垂直对齐，因为某些数据可能会换行并变成两行。所以，这抛出了使用行高。然后我试着让我的跨度显示值成为表格单元格。这有效，我可以使用 vertical-align:middle，但是我无法设置固定宽度。而且，我需要它看起来像一张 table ，所以需要固定宽度，否则它看起来很糟糕。

这是我迄今为止的尝试，我知道 css 需要清理，但我宁愿修复第一个 atm。

http://jsfiddle.net/Scorpionb/ukMfX/ (滚动条导致整行错位)

http://jsfiddle.net/Scorpionb/QzFc3/(white-space:normal ;并删除溢出以摆脱滚动条)

http://jsfiddle.net/Scorpionb/H6ATy/ (试图把它当作一张 table )

希望这是有道理的，但现在我绕了很多圈子，以至于我不知道什么有效，什么无效。所以，如果您有任何问题，请提出。

此外，这是一个 ASP MVC 元素，所以我将每一行数据绑定(bind)到一个要提交的表单并绑定(bind)到一个模型

Answer 1

您真的应该为表格内容使用表格。

您还可以通过使用速记 CSS 来清理您的 CSS。一些有助于您入门的有用信息:

• > font
• > border-width