猿吟鹤唳本无意,不知下有行人行

未知多行单行文本,垂直居中

需求:要求调取的不确定几行的字段,在div里面垂直居中,在Ben的帮助下,知道了table-cell,以前没用过

如图:

用table就可以好好做,因为在之前的基础上做修改,用的div

html

          <div class="des"><span>文字文字文字文字</span></div>

解决:把div属性改变成table td的属性

div.des{ line-height:20px;height:80px; padding:0 18px; display:table;}

div.des span{ display:table-cell; vertical-align:middle;}

一google 发现高人总结

http://www.zhangxinxu.com/wordpress/?p=1187 我所知道的几种display:table-cell的应用

http://www.zhangxinxu.com/wordpress/?p=61 大小不固定的图片、多行文字的水平垂直居中

本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

发表评论

您的电子邮箱地址不会被公开。