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

2024-07-22 07:40:59 221人阅读

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://jsfiddle.net/WdNL7/1/

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

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

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们