css如何将两个小盒子水平居中 而且间距30

html-css014

css如何将两个小盒子水平居中 而且间距30,第1张

将两个小盒子水平居中 通常是使用 margin auto来实现,间距30 可以外边距都为 15 ,也可以在一个盒子设置外边距为30 px。

这里可以用两种方法来解决,第一个就是给他们一个父元素,两个盒子加上边边距就是430 为父元素的宽 ,加上margin 0  auto的属性就实现了

第二就是用弹性盒来做 同样加父元素 只不过注意将盒子为弹性盒 ,display的值为 flex ,父元素加上属性 justify-content:center 就可以实现了。

平时需要多看一下这方面的教程 和 多敲多练习这方面的。

你好,希望我的回答你能采纳!

关于你的问题最好描述详细些,显示间距你得附上html 和css代码,和是什么浏览器显示的。

以我的经验的这种情况只有float,position,margin,padding等一些布局样式影响,若是附上代码就能看到。有些是受到js的印象等等。还有就是你你的盒子图片是背景图还是<img>链接的图。

希望能再详细描述下。