怎样使div块居中对齐?

怎样使div块居中对齐?,第1张

1、在 DIV 标签对中写入的正文标签的 HTML 中<div></div>。

2、然后我们将 div 设置为宽高度, 我们需要注意的是, 如果您不设置默认值的宽度为100% 哦, 所以它将填充整个页面

3、然后我们设置 Div 的边距, 第一个参数指示顶部的距离为 0, 第二个自动表示自动。也就是说, 在设置此设置后, div 将根据页面自动居中。

4、浏览效果好后, 您可以看到此时 DIV 块已自动居中, 它与浏览器的左右两侧距离相同。

如何设置DIV层的相对位置,解决办法:

利用js代码首先创建一个div,document.createElement('div')

确认div添加位置,可以在某个dom元素后面,或者通过css属性控制具体位置,主要通过left/top等属性控制。

确定位置之后,显示div即可。 

DIV层的相对位置是对于此DIV的上下左右的容器决定的。

如:<div style="position: relativemargin-top:-100px">则此DIV会相对于上一个DIV向上移100PX。

而绝对是指对整个页面来说。

如<div style="position: absolutemargin-top:100px">则此DIV会相对于整个页面向下移。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存