2018年11月23日

【css】图片垂直水平居中

摘要： 一、已知宽高的图片实现垂直水平居中 1.借助margin-top负边距实现垂直居中 2.借助额外的块级元素实现垂直居中 二、未知宽高的图片实现垂直水平居中 1.利用line-height 和 vertical-align:middle实现垂直居中 2.借助高度100%的一个标签，原理vertical 阅读全文

posted @ 2018-11-23 16:54 smile轉角 阅读(419) 评论(0) 推荐(0) 编辑

【css】一行或者多行文字垂直水平居中

摘要： 1.方法一：使用css3弹性盒子（兼容IE10及以上浏览器,firefox,chrome,safari 5.1.7不支持） 效果： 2.使用display:table-cell（不确定高度的容器中垂直居中） 兼容性：IE8及以上浏览器，chrome,firefox 效果： 3.利用vertical- 阅读全文

posted @ 2018-11-23 15:02 smile轉角 阅读(4689) 评论(0) 推荐(1) 编辑

导航