垂直对齐与跨度

时间:2011-12-29 22:17:43

标签: html css

也许这已经得到了回答,我的搜索不正确,但这是我的问题。我有一个MVC项目,其中视图需要看起来像一个表。所以,我正在使用一个带有跨度的div。我的问题是我需要里面的数据垂直居中。当我将显示设置为内联块时,我无法垂直对齐,因为某些数据可能会换行并变为两行。所以,这会抛出使用行高。然后我尝试将我的span显示值设置为table-cell。这工作,我可以使用vertical-align:middle,但是我无法设置固定的宽度。并且,我需要这看起来像一张桌子,所以固定宽度是必需的,否则它看起来很糟糕。

这是我到目前为止的尝试,我知道css需要清理,但我宁愿先解决这个问题。

http://jsfiddle.net/Scorpionb/ukMfX/(滚动条导致整行不对齐)

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

http://jsfiddle.net/Scorpionb/H6ATy/(尝试将其视为表格)

希望这是有道理的,但我现在已经跑了这么多圈子,因为我正在忘记哪些有效,哪些无效。所以,问你是否有任何问题。

此外,这是一个ASP MVC项目,所以我将每行数据绑定到要提交的表单并绑定到模型

1 个答案:

答案 0 :(得分:1)

您应该将表格用于表格内容

您还可以通过使用速记CSS来清理CSS。一些有用的开始: