垂直对齐浮动div中的元素[重复]

Posted 2023-03-05

【中文标题】垂直对齐浮动div中的元素[重复]

【英文标题】：Vertically align elements in float divs [duplicate]

【发布时间】：2014-11-10 20:18:45

【问题描述】：

我想在 div 中间对齐里面的元素，div 浮动到容器内的左边，我放了我的代码

#page_content

position:relative;
width:80%;
height:80px;
margin:auto;
border:0px solid #fff;
overflow:hidden;



#page_content_col_left

float:left;
position:relative;
width:20%;
height:100%;    



#page_content_col_right

float:left;
position:relative;
width:80%;
height:100%;
background-color:#fff;

问题在于元素内部没有显示在中间-垂直对齐-，只显示在每个div的顶部

问题可以看这里：http://jsfiddle.net/21hcoLgn/

问候

【参考方案1】：

在此处查看：Is it possible to vertically align text within a div? 和此处：http://deeson-online.co.uk/labs/how-centre-align-text-or-content-vertically-css