標題：居中和靠右的CSS實現方法

隨著現代網頁的設計趨勢，越來越多的網站開始采用居中和靠右的排版方式。這種排版方式可以讓用戶更容易閱讀和理解網頁的內容。本文將介紹如何使用CSS來實現居中和靠右的排版方式。

## 居中

居中排版的方式可以通過以下代碼實現：

```css

body {

display: flex;

align-items: center;

justify-content: center;

這個CSS代碼將整個頁面的父元素設置為`flex`，并且使用`align-items`和`justify-content`屬性來將子元素居中。其中`align-items`屬性表示垂直居中，而`justify-content`屬性表示水平居中。

在`align-items`屬性中，我們可以使用`center`值來將子元素垂直居中，或者使用`flex-start`和`flex-end`值來將子元素水平居中。例如：

```css

.parent {

display: flex;

align-items: center;

justify-content: center;

這個CSS代碼將`.parent`元素的父元素設置為`flex`，并且使用`align-items`和`justify-content`屬性來將子元素垂直和水平居中。

## 靠右

靠右排版的方式可以通過以下代碼實現：

```css

body {

display: flex;

align-items: flex-end;

justify-content: flex-end;

這個CSS代碼將整個頁面的父元素設置為`flex`，并且使用`align-items`和`justify-content`屬性來將子元素靠右排列。其中`align-items`屬性表示水平靠右排列，而`justify-content`屬性表示垂直靠右排列。

在`align-items`屬性中，我們可以使用`flex-end`值來將子元素水平靠右排列，或者使用`end`值來將子元素垂直靠右排列。例如：

```css

.parent {

display: flex;

align-items: flex-end;

justify-content: flex-end;

這個CSS代碼將`.parent`元素的父元素設置為`flex`，并且使用`align-items`和`justify-content`屬性來將子元素水平靠右和垂直靠右排列。

總之，通過使用CSS，我們可以輕松地實現居中和靠右的排版方式。