水平和垂直居中的方式

1、text-align: center和行高


2、使用弹性盒模型 实现水平和垂直居中


3、采取绝对定位配合margin的方式实现


margin的值为负值, margin-left是宽度的一半, margin-right是高度的一半

方式2和方法3都有缺陷 需要知道固定的宽度和高度才行

4、 不使用css3变形和flex布局

5、采取借助css3的变形属性Transform来完成

在当前位置偏移自身宽高的一半

6、table属性水平居中


7、实现多行文本的垂直居中

固定高度的垂直居中:使用display设置为table,配合样式vertical-align设置为middle来实现

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容