码迷,mamicode.com
首页 > 其他好文 > 详细

不固定文字在固定高度宽度下垂直水平居中

时间:2017-08-22 10:41:17      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:width   而不是   mat   play   cal   水平   tab   blog   height   

1 <div>
2 <span>BZJ-1300/1450/1600 Automatic
3  Flute Laminator</span>
4 </div>
div{width:150px;height:70px;display:table;}
span{display:table-cell;vertical-align:middle;height:70px;width:150px;text-align:center;}

span的宽度要给固定,给100%的话,如果有字体不是这么多的,他就会字体占多少宽度是多少,而不是div的宽度。

不固定文字在固定高度宽度下垂直水平居中

标签:width   而不是   mat   play   cal   水平   tab   blog   height   

原文地址:http://www.cnblogs.com/future-zmq/p/7409863.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!