如何設(shè)置CSS水平邊距

CSS水平邊距是指元素左右兩側(cè)到其容器邊界的距離，在CSS中，可以使用margin-left和margin-right屬性來設(shè)置元素的水平邊距，這兩個(gè)屬性分別表示元素的左右邊距。

如果你想設(shè)置一個(gè)元素的左右邊距都為10像素，可以這樣做：

element {
  margin-left: 10px;
  margin-right: 10px;
}

如果你想實(shí)現(xiàn)居中對(duì)齊，可以將左右邊距設(shè)置為相等的值，

element {
  margin-left: auto;
  margin-right: auto;
}

CSS還提供了margin屬性，可以一次性設(shè)置元素的上下左右邊距。

element {
  margin: 10px;
}

上述代碼會(huì)將元素的上下左右邊距都設(shè)置為10像素，需要注意的是，如果同時(shí)設(shè)置了margin-left、margin-right和margin屬性，那么margin屬性的值會(huì)覆蓋margin-left和margin-right的值。

CSS水平邊距的設(shè)置非常簡(jiǎn)單，只需要掌握margin-left、margin-right和margin這三個(gè)屬性即可。