css 文字对齐
时间: 2023-07-23 20:08:57 浏览: 182
css文本两端对齐的实现代码
在 CSS 中,可以使用 `text-align` 属性来设置文字水平对齐方式,常见的取值有:
- `left`:左对齐
- `center`:居中对齐
- `right`:右对齐
- `justify`:两端对齐(会自动调整单词间的间距)
例如,将一个 `<p>` 元素中的文字居中对齐,可以这样写:
```css
p {
text-align: center;
}
```
还可以使用 `vertical-align` 属性来设置文字垂直对齐方式,常见的取值有:
- `top`:顶部对齐
- `middle`:居中对齐
- `bottom`:底部对齐
但需要注意的是,`vertical-align` 属性只对行内元素和表格单元格生效。如果需要对块级元素中的文本进行垂直对齐,可以使用 `line-height` 属性来控制行高。
阅读全文