水平居中
使用div的align属性,align 属性规定 div 元素中的内容的水平对齐方式。
<div align="center">
This is some text!
</div>
<div align="center"> 和<div style="align:center"> 渲染效果应该一样的吧? 可我在测试时第一种方法可以居中,而第二种方法就不行了。
这是因为align=center居中属性是html的 所以你可以使用,但是style 这是css样式,css样式中没有align:center这一项属性,所以就没有用了呢;如果您想居中的话文字居中是text-aligin:center;div居中是margin:auto;
垂直居中
可以使用CSS margin-top 属性,设置 p 元素的上外边距。
大致居中就好了,例如:
style="margin-top:10%;"
style="margin-top:200px;"
p
{
margin-top:2cm;
}
举个例子,登陆界面,增加一个div,对这个div设置水平居中,调节垂直位置:
<body >
<div