CSS中外邊距怎么居中顯示

在CSS中，我們可以使用多種方法來實(shí)現(xiàn)元素的水平居中顯示，利用外邊距（margin）來實(shí)現(xiàn)居中顯示是一種簡單有效的方法。

我們需要?jiǎng)?chuàng)建一個(gè)包含需要居中顯示的元素的容器，我們可以給這個(gè)容器添加左右兩邊相等的外邊距，使得容器在水平方向上移動(dòng)直到其中心與屏幕的中心對齊。

我們可以使用CSS的margin屬性來設(shè)置容器的左右外邊距，如果我們想要讓一個(gè)名為“container”的容器水平居中顯示，可以添加以下CSS代碼：

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

這段代碼中，margin-left: auto;和margin-right: auto;表示容器的左右兩邊都有相等的外邊距，這樣，瀏覽器就會自動(dòng)計(jì)算并調(diào)整容器的位置，使其水平居中顯示。

需要注意的是，這種方法只適用于塊級元素（如div、p等），對于行內(nèi)元素（如span、a等），由于其寬度默認(rèn)等于其內(nèi)容寬度，因此無法直接通過這種方法實(shí)現(xiàn)居中顯示。

利用CSS中的外邊距來實(shí)現(xiàn)元素的水平居中顯示是一種簡單有效的方法，通過給容器添加左右兩邊相等的外邊距，我們可以輕松地讓元素在水平方向上居中顯示。