CSS 必備技能之一就是居中和居右的實現。在日常開發中，我們經常需要把元素居中或者居右，因此熟練掌握這些技巧非常重要。 ## 居右 首先來看居右的實現。我們可以使用 `text-align: right` 屬性來實現文本居右，或者使用 `margin-left: auto` 和 `margin-right: 0` 屬性把元素居右。 例如，下面的代碼可以將一個塊元素居右： ```html

<div class="right">
這是要居右的塊級元素。
</div>

```css .right { margin-left: auto; margin-right: 0; } ``` 代碼解釋： - `margin-left: auto;` 是關鍵。這使得左邊的外邊距自動填充剩余空間，從而把元素居右。 ## 居中 接下來是居中的實現。我們可以使用 `text-align: center` 屬性來實現文本居中，或者使用 `margin: auto` 把元素居中。 例如，下面的代碼可以將一個塊元素居中： ```html

<div class="center">
這是要居中的塊級元素。
</div>

``` ```css .center { margin: auto; } ``` 代碼解釋： - `margin: auto;` 是關鍵。它使得左、右外邊距都自動填充剩余空間，從而把元素居中。 綜上所述，我們可以通過設置 `text-align` 或者 `margin` 屬性的值來實現元素的居右和居中。這些技巧非常實用，可以讓我們的網頁更加美觀和易讀。