div怎么居中-解决 div 居中问题的简单方法,让你的网页更整齐

水果手游网

哎呀,说到这个div居中的问题,我真是又爱又恨!每次看到那小子歪在一边,我就心里不是滋味。你想想,一个网页,整整齐齐的多好看,结果就因为一个div没居中,整个页面都显得乱七八糟的。

其实,让div小子居中,也没那么复杂。首先,你可以用CSS的margin属性,给它上下左右都设置成auto,这样它就会乖乖地跑到中间去了。就像这样:

div怎么居中_div中的div自动居中_div垂直居中

css
div {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}

看到了吧,就这么简单几行代码,div小子就乖乖地居中了。不过,有时候你可能会遇到一些奇怪的问题,比如div小子还是居中不了。这时候,你得检查一下,是不是有什么其他CSS规则在捣乱。

div中的div自动居中_div怎么居中_div垂直居中

还有一种方法,就是用Flexbox。这个方法更简单,只要把div的父元素设置成display: flex,然后再加上justify。

tokenpocket官网钱包:https://qgzxxx.com/sjyx/19672.html