CSS可以很輕松地控制文本的左右間距。要設置文本的左、右邊距,可以使用屬性:padding-left和padding-right。這兩個屬性控制文本距離容器的左、右邊的距離。
/*控制左邊距*/ p { padding-left: 20px; } /*控制右邊距*/ p { padding-right: 20px; } /*同時控制左、右邊距*/ p { padding: 10px 20px; }
以上代碼中,第一個代碼塊控制了p元素的左邊距,將左邊距設置為20像素。第二個代碼塊控制了p元素的右邊距,將右邊距設置為20像素。第三個代碼塊控制了p元素的左、右邊距,將上下間距設置為10像素,左右間距設置為20像素。
除了padding屬性,還有margin屬性可以設置元素的左、右間距。margin屬性控制元素與其他元素之間的距離。和padding屬性一樣,margin屬性也可以設置左、右邊距:
/*控制左邊距*/ p { margin-left: 20px; } /*控制右邊距*/ p { margin-right: 20px; } /*同時控制左、右邊距*/ p { margin: 10px 20px; }
總的來說,控制文本的左、右間距,可以使用padding和margin屬性。通過設置這兩個屬性的值,可以輕松調整文本的間距,讓頁面看起來更加美觀。