【css】多行文字图片混排容器内垂直居中解决方案

时间：2014-09-12 20:29:33 阅读：200 评论：0 收藏：0 [点我收藏+]

css：

.box-wrap{display:table;width:200px;height:200px;*position:relative;}/*最外边的容器，需固定宽高*/

.box-hack{display:table-cell;height:200px;vertical-align:middle;*position:absolute;*top:50%;}/*需要定义高度*/

.box-ctn{*position:relative;*top:-50%;}

html：

<p>这是文字这是文字这是文字</p>

</div>

demo地址：

原文出自： http://note.youdao.com/share/?id=91293504345e960c53103935d5645c7c&type=note

原文地址：http://www.cnblogs.com/zzuIvy/p/cssChuiZhiJuZhong.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行