博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS水平居中的三种方法
阅读量:6825 次
发布时间:2019-06-26

本文共 546 字,大约阅读时间需要 1 分钟。

CSS中经常会用到元素居中,那么今天我为大家分享几种水平居中的方法,下面代码都可以达到同样的居中效果,来不及解释了,快上马(码):

一、margin : 0 auto;

    
Title

此种方法适用于块级标签在父级块标签内使用;

注意事项:父级标签必须是块级标签。如果父级不设宽度,body 内一级元素默认为浏览器宽度。

 

二、position+margin ;

    
Title

此种方法运用相对定位实现:定位脱离文档流,不占用宽高;

注意事项:父级元素必须要给相对属性: Position: relative; 。

 

三、position+margin (百分比);

    
Title

此种方法主要适用于浏览器通栏定位;

注意事项:position 定位 left:50%,需要向左移动宽度一半的距离。

转载于:https://www.cnblogs.com/china825829/p/10176179.html

你可能感兴趣的文章
spring源码读书笔记
查看>>
HDOJ-1015 Safecracker 【DFS】
查看>>
读书笔记-->Java经典编程300例--明日科技--清华大学出版社(第一版)
查看>>
如何在存储过程中自动添加分区
查看>>
[并查集] POJ 1611 The Suspects
查看>>
C#设计模式总结
查看>>
团队开发------第一次冲刺第4天
查看>>
R对term进行层次聚类完整实例(tm包)
查看>>
20151124001 关闭C#主窗体弹出是否关闭对话框
查看>>
Excel中添加下拉框
查看>>
12-01JavaScript事件(Events)
查看>>
12-19Windows窗体应用程序之记事本(2)
查看>>
python连接数据库使用SQLAlchemy
查看>>
HAproxy和TIME WAIT的一次问题排查
查看>>
高效运维--数据库坐而论道活动
查看>>
pytorch怎么抽取中间的特征或者梯度
查看>>
visual studio用"查找替换"来删掉源代码中所有//方式的纯注释和空行
查看>>
Groovy
查看>>
滑动窗口的最大值
查看>>
[转]BT常用渗透命令
查看>>