当前位置:妙知谷 >

家居 >生活常识 >

HTML中div怎样居中?

HTML中div怎样居中?

生活中我们经常遇到很多问题,比如HTML中div怎样居中?不会的话来学习吧。

操作方法

(01)首先在HTML中的body标签里面写上div标签对:

HTML中div怎样居中?

(02)然后给div设置宽高,这里宽高都设置成500px

HTML中div怎样居中? 第2张

(03)接着输入background:deep pink,给div加上深粉色的背景颜色,方便查看div的布局

HTML中div怎样居中? 第3张

(04)预览div布局的预览效果,看得出来,div默认是靠近浏览器左边

HTML中div怎样居中? 第4张

(05)接着输入margin,第一个参数设置为0:表示顶部的距离为0,第二个参数设置为auto:表示自动设置

HTML中div怎样居中? 第5张

(06)设置完之后,div会自动根据网页来居中

HTML中div怎样居中? 第6张

(07)总结如下图

HTML中div怎样居中? 第7张
标签: HTML DIV 居中
  • 文章版权属于文章作者所有,转载请注明 https://miaozhigu.com/zh-hans/jj/changshi/qyv48d.html