我的 CSS 样式有问题:
我有不同的组( <div>
的),它们的子组显示在一个列中
或多个(最多 3)列。
我的问题是,我的 vertical-align
不能在 100% 高度的 float 元素中工作。
在子组内:ST200 | Überblick... | EN DE 应显示为
vertical-align: middle
也许有人可以帮助我。
jfiddle 上发布的完整代码
最佳答案
Andres 的评论 here似乎可以解决您的问题:文本的 line-height
将其限制在比其容器 div 更小的区域。
为了测试,我将 .kursid
上的 line-height
属性更改为 35px
,ST200 成功地垂直居中,但仅对于那些高度为 35px 的 div。对于更通用的解决方案,您可以重新设计代码以允许 line-height
和 height
在所有带有您希望垂直居中的文本的 div 上明确设置为相等,或者您可以有关其他选项,请参阅该问题的其他答案。
关于css 在 float 和高度内垂直对齐 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24783538/