365bet网页版
网页布局的居中问题,如何让文本居中,如何让div居中,怎样让div居中?居中都有哪几种情况
关于网页设计制作(布局)过程中,如果让内容居中,分为以下几种情况:
1、文本,图片等内联元素的水平居中。text-align:center
2、定宽的块状元素在浏览器窗口或父容器中水平居中。margin:0 auto
3、不定宽块状元素水平居中
方案一:给父元素添加display:table;将box转换为表格形式,将不定宽转换为定宽,然后设置左右margin为auto
方案二:将子元素转换为内联块状元素,给父元素设置text-align:center;4、不定宽高的元素在屏幕窗口水平垂直都居中
5、不定宽高元素在父元素中水平垂直都居中
-----------------------------以下为详细内容-------------------------------------------------
1、文本,图片等内联元素的水平居中。
如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center;来实现的。
如:
.imgBox{
border: 1px solid black;
text-align: center;
}
h1{
border: 1px solid black;
text-align: center;
}
.menu{
border: 1px solid black;
text-align: center;
}
form{
border: 1px solid black;
text-align: center;
}
我是span