/* 控制横向间距 */ /* 方法一:使用 margin */ margin-left: 10px; /* 左侧间距为10px */ margin-right: 10px; /* 右侧间距为10px */ /* 方法二:使用 padding */ padding-left: 10px; /* 左侧间距为10px */ padding-right: 10px; /* 右侧间距为10px */ /* 方法三:使用 border-spacing(适用于表格元素)*/ border-spacing: 10px; /* 所有间距均为10px */
以上是控制横向间距的三种方法,其中margin
和padding
是最为常见的方法,它们都可以控制元素的两个方向的间距,只不过一个是元素内部的间距,一个是元素外部的间距。
而border-spacing
则是用于表格元素,可以控制单元格之间的间距。同时,还可以使用border-collapse: separate;
属性来将单元格分割开来,使之看起来更整齐。