div内上下左右距离_div之间的间距怎么控制

设置DIV盒子之间间距   -   TOP

以上是使用CSS清除盒子之间距离。接下来为大家介绍设置盒子之间间距。

使用CSS样式单词为margin(可进入CSS margin教程了解详细使用方法)。

1、设置对象的上下间距

.divcss5-a{margin:10px 0}

设置“divcss5-a”对象上下间距为10px,左右为0

2、设置对象左右距离

.divcss5-b{margin:0 8px}

设置“divcss5-b”对象上下间距为0,左右为8px

3、设置DIV盒子与上方相邻间距

.divcss5-c{margin-top:10px}

设置“divcss5-c”对象与上方相邻间距为10px

4、设置DIV盒子与下方相邻距离

.divcss5-d{margin-bottom:10px}

设置“divcss5-d”对象与下方相邻间距为10px

5、设置DIV盒子与左方相邻间距

.divcss5-e{margin-left:9px}

设置“divcss5-e”对象与左侧方相邻间距为9px

6、设置盒子与右方相邻距离

.divcss5-f{margin-right:12px}

设置“divcss5-f”对象与右方相邻间距为12px

以上我们为了方便介绍margin设置对象外间距,将对象分别CSS命名为".divcss5-a"至“.divcss5-f”,实际使用时候更加需求命名。

你可能感兴趣的:(div内上下左右距离)