Html5的小知识点(如何让页面中的内容居中)(文本居中)

居中的三个条件:
必须是块元素(不可以是行元素)
有明显的宽(width:xxpx)
margin:0px auto;

<style>
body{
    margin:0px auto;
    padding:0px;
}
header,section,footer{
width:1000px;
margin:0px auto;
}
</style>

其中
margin:0px auto 是居中
这里写图片描述
文本属性居中
align:设置水平对齐方式(left/right/center/justify)
valign:设置垂直对齐方式(top/middle/bottom)
上面的不常用,下面的常用
text-align:设置水平对齐方式(left/right/center/justify)
vertial-align:设置垂直对齐方式(top/middle/bottom)

猜你喜欢

转载自blog.csdn.net/qq_42408149/article/details/82454835