css数字和汉字水平居中
时间: 2023-08-24 07:07:40 浏览: 144
css水平居中4种方式
要实现数字和汉字水平居中,可以使用以下 CSS 属性和值:
1. 对父元素应用 `display: flex;` 属性,将其设置为弹性容器。
2. 使用 `justify-content: center;` 属性将子元素水平居中。
示例代码如下:
HTML:
```html
<div class="container">
<span>123</span>
<span>汉字</span>
</div>
```
CSS:
```css
.container {
display: flex;
justify-content: center;
}
```
上述代码将父元素设置为弹性容器,并将子元素水平居中。这样,数字和汉字都会水平居中显示在父元素中。
阅读全文