让DIV垂直居中

让DIV垂直居中,第1张

让DIV垂直居中是网页设计经常用到的 *** 作,让DIV垂直居中的方法如下:

1、打开CSS,设置DIV的宽度和高度;

2、设置对象样式的位置为绝对位置;

3、将距离页面窗口左边框和上边框的距离设置为百分之五十;

4、将该DIV分别左移和上移,左移和上移的大小是该DIV宽度和高度的一半;

5、同时设置margintop和marginleft,点击确定后DIV即可垂直居中。

HTML中可以设置文字或内容居中对齐。下面,我们来看看怎样让DIV中的内容居中吧。

随便写上文字

先打开visual studio软件,然后在div中随意写上文字,如下图所示

水平居中代码

然后在style中写上水平居中代码body{text-align: center},如下图所示:

div内容居中对齐的代码,text-align:center如下图所示:

预览效果

然后在浏览器中预览效果,如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/6481360.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-23
下一篇 2023-03-23

发表评论

登录后才能评论

评论列表(0条)

保存