CSS中字如何居中顯示 在網頁設計中，字體的居中對齊是非常重要的一部分，特別是在排版和設計方面。在CSS中，我們可以使用多種方法來使文本、段落或其他HTML元素呈現居中對齊的效果。下面是幾種常見的居中對齊方法： 1. 水平居中 要使文本水平居中，可以使用text-align屬性，該屬性值可以設置為center，即可實現水平居中。 例如，將以下段落居中：

這是一個居中的段落

2. 垂直居中 要使文本垂直居中，可以借助于行高（line-height）屬性實現。 例如，將以下div標簽內的文本垂直居中：3. 絕對居中 使用絕對定位（position:absolute）和margin:auto屬性可以輕松將元素居中。 例如，將以下div標簽居中：上述方法只是用來演示如何使用CSS居中對齊，實際上有很多其他的方法，具體取決于所需的效果和要對齊的HTML標簽。

代碼演示

// 水平居中
p {
text-align: center;
}
// 垂直居中
div {
height: 200px;
line-height: 200px;
text-align: center;
}
// 絕對居中
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}