如何設(shè)置CSS以兩側(cè)空白
在CSS中,您可以通過使用margin
屬性來創(chuàng)建兩側(cè)空白。margin
屬性接受四個值,分別代表上、右、下、左四個方向的空白距離,要設(shè)置兩側(cè)空白,您可以調(diào)整左右兩個方向的空白距離。
如果您想要一個元素兩側(cè)各有20像素的空白,您可以這樣寫:
.element { margin-left: 20px; margin-right: 20px; }
這將會使得.element
類的元素兩側(cè)各有20像素的空白,您可以根據(jù)需要調(diào)整這個值。
如果您想要一個元素兩側(cè)空白距離相等,但具體數(shù)值不同,您可以使用margin: 0 auto;
來讓元素兩側(cè)空白距離自動調(diào)整,使得元素始終位于容器中央。
.element { margin: 0 auto; width: 200px; }
在這個例子中,.element
類的元素將會自動調(diào)整其兩側(cè)空白距離,使得元素始終位于容器中央,元素的寬度為200像素。
margin
屬性的值可以是像素(px)、百分比(%)或其他CSS支持的長度單位,您可以根據(jù)需要選擇***合適的單位。