HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结 |
您所在的位置:网站首页 › html改变字体大小代码并居中 › HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结 |
最近写网页经常需要将div在屏幕中居中显示,遂记录下几个常用的方法,都比较简单。 水平居中直接加上标签即可,或者设置margin:auto;当然也可以用下面的方法 下面说两种在屏幕正中(水平居中+垂直居中)的方法 放上示范的html代码: MAIN 方法一:div使用绝对布局,设置margin:auto;并设置top、left、right、bottom的值相等即可,不一定要都是0。 .main{ text-align: center; /*让div内部文字居中*/ background-color: #fff; border-radius: 20px; width: 300px; height: 350px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }效果如图: 123 这个标签就是相对于 标签里的文字,可以使其居中。 由于center标签已经过时了,所以正规一点的话还是不建议使用的,可以使用如下的方式代替: 123 欢迎大家加入QQ群一起交流讨论, 「吟游」程序人生——YinyouPoet |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |