问显示表-单元格和Vertica-对齐中间不使用属性集
EN

Stack Overflow用户

提问于 2015-12-21 23:06:47

回答 1查看 28关注 0票数 0

我有几个div，内容需要垂直对齐。

在我的父元素上我有display: table，在子元素上我有display: table-cell; vertical-align: middle;。

据我所知，这应该已经足够了。为了在CSS中进行安全测量，我在元素中增加了高度，以确保它们与父元素的高度相同，我还在CSS中添加了图像尺寸，以保持它们在加载失败时应该具有的大小。

我用我的代码做了一个JSFiddle。

我的HTML和CSS都是在小提琴中。我觉得举个例子比较容易。

回答已采纳

发布于 2015-12-21 23:17:35

float属性指定应从正常流中提取元素，并将其放置在容器的左侧或右侧，其中文本和内联元素将环绕在其周围。

因为你把它放进了浮子里，它就脱离了正常的流动。

设置display: table-cell使元素的行为类似于<td>元素

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34405895

复制

相似问题

问显示表-单元格和Vertica-对齐中间不使用属性集EN