在HTML和CSS中，有多种方法可以实现文本或元素的居中显示。以下是几种常见的方法：
水平居中
使用CSS的`text-align`属性：
```css
.center {
text-align: center；
}
```
使用HTML的`align`属性：
```html
这是居中的内容
```
垂直居中
使用CSS的`display: flex`和`align-items: center`：
```css
.center {
display: flex；
align-items: center；
height: 100vh；
}
```
使用CSS的`display: grid`和`place-items: center`：
```css
.center {
display: grid；
place-items: center；
}
```
使用CSS的`vertical-align`属性：
```css
.center {
vertical-align: middle；
}
```
同时居中
将上述方法组合使用，例如在Flexbox布局中同时实现水平和垂直居中：
```css
.center {
display: flex；
justify-content: center；
align-items: center；
height: 100vh；
}
```
示例代码
```html
这段文本将垂直和水平居中显示在页面上。