hmtl登陆界面和div元素居中显示

水平居中

使用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
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值