您的位置:首页 > 科技 >
css居中的几种方法? css居中怎么设置? css居中怎么布局?
来源:今日热点网 2022-06-23 13:56:55

css设置居中的方法:

1、通过margin: 0 auto; text-align: center实现CSS水平居中。

这种方法是实现CSS水平居中最最常用的,我在前端开发中大概有60%的CSS水平居中就是通过“margin: 0 auto; text-align: center”实现的。

2、通过display:flex实现CSS水平居中。

随着越来越多兼容flexbox,所以通过“display:flex”实现CSS水平居中的方案也越来越受青睐。

通过display:flex实现CSS水平居中的原理是父元素display:flex;flex-direction:column;而子元素align-self:center;

这个跟CSS垂直居中的原理是一样的,只是在flex-direction上有所差别,一个是row(默认值),另外一个是column。

3、通过display:table-cell和margin-left实现CSS水平居中。

对于父元素和子元素的宽度都确定的情况,适合通过display:table-cell和margin-left实现CSS水平居中。

使用时,父元素display:table-cell,子元素给剩余宽度一半的margin-left。

相关文章

玉林市中级人民法院到兴业县法院督查解决执行难第

5月23日,玉林市中级人民法院黄骏一行4人到兴业县法院督查解决执行难第三方评估工作开展情况。督查组首先查看了我院挂图作战情况,对我院完更多

2018-05-23 19:58:41

法不容情,“面包车”车师傅严重超载获刑罚

(通讯员:杨光德)本在外打工生活的龙某,见本村小学生就学都要去十多里外的小学读书,自认为带来了商机,2017年回家买了一辆面包车搞客运,这样更多

2018-05-23 20:00:45

珍惜当下,常怀感恩之心

(通讯员:陈涛)2018年5月21日,机关第一支部党员会议,殷举凯同志分享了一篇文章名为《驴之死:离开平台,你什么都不是》的心得体会,让在座更多

2018-05-23 20:01:15

党员干部“想退休”是典型的不思进取

好想退休呀,退休了就没有这么累了等着退休就好了,想干啥就干啥,想去哪里去哪里……不知从何时起,一股想退休的想法在一些党员干部,尤其更多

2018-05-23 20:01:42

医疗商场正成为新的风口 患者可先逛商场再看病

既可购物又可就医,入驻医疗机构将获医技支撑,消费者可选择治未病医疗商场能满足人们的医疗需求吗?本报记者 邹倜然 本报实习生 王晓晴更多

2018-05-28 11:30:10
大城市抢人逻辑:当农民工不再跨省

大城市抢人逻辑:当农民工不再跨省

作者:中泰证券首席经济学家李迅雷自去年以来,不少大城市纷纷降低落户门槛,大学本科、大专甚至中专学历的都可以落户。尤其是最近天津推出更多

2018-05-28 11:33:37

2020年新型职业农民要超2000万 田间地头上的教与学

2020年新型职业农民要超过2000万田间地头上的教与学农场150余亩、年纯收入180万元,河南省夏邑县徐马庄村农民王飞自参与农民相关培训的10多更多

2018-05-28 11:39:22

抖音现象研究 关键词:有毒、焦虑、短视频风口

像一棵海草海草海草,随风飘摇,像一棵海草海草海草,浪花里舞蹈。……抖音有毒,不管是五星级的酒店大堂,还是三四线城市的便利店,魔性的更多

2018-05-28 11:40:59

区块链将减少欺诈和IPO造假

区块链将 减少欺诈和IPO造假Maggie McGhee[虽然区块链技术将给会计师工作带来巨大的变革,但我认为会计师工作的三个领域是不可能被分布式更多

2018-05-28 11:48:10

长征火箭测量系统用上了“WiFi”

无线耳机、无线上网、无线充电……生活中,越来越多无线技术,让我们摆脱了线缆的缠绕。记者27日从中国航天科技集团一院获悉,我国运载火箭更多

2018-05-28 12:01:39