css 在 float 和高度内垂直对齐 100%

标签 css css-float height vertical-alignment

我的 CSS 样式有问题: 我有不同的组( <div> 的),它们的子组显示在一个列中 或多个(最多 3)列。

我的问题是,我的 vertical-align不能在 100% 高度的 float 元素中工作。
在子组内:ST200 | Überblick... | EN DE 应显示为
vertical-align: middle

也许有人可以帮助我。
jfiddle 上发布的完整代码

http://jsfiddle.net/ZAa33/

最佳答案

Andres 的评论 here似乎可以解决您的问题:文本的 line-height 将其限制在比其容器 div 更小的区域。

为了测试,我将 .kursid 上的 line-height 属性更改为 35px,ST200 成功地垂直居中,但仅对于那些高度为 35px 的 div。对于更通用的解决方案,您可以重新设计代码以允许 line-heightheight 在所有带有您希望垂直居中的文本的 div 上明确设置为相等,或者您可以有关其他选项,请参阅该问题的其他答案。

关于css 在 float 和高度内垂直对齐 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24783538/

相关文章:

css - magento 上的产品描述未正确显示

html - CSS - 文本对齐并强制向左溢出?

html - 为什么我的 <a href> 链接在这个 float <div> 中不起作用?

iphone - iOS UISearchBar 在导航栏 iPhone 中的横向模式高度

html - 在不使用 overflow hidden 的情况下将 html 视频缩小到父容器的大小

javascript - 不通过 javascript 加载特定屏幕尺寸的所有链接并高级 java

javascript - 在无序列表中定位元素

html - <dt><dd> 标签行间距

html - 将div的高度设置为浏览器的高度

ios - 无法获取 numberOfLines = 0 的 UILabel 的高度