css文字对齐方式, 水平对齐方式
1. `textalign`： `left`：左对齐，这是默认的对齐方式。 `right`：右对齐。 `center`：居中对齐。 `justify`：两端对齐，文本会均匀分布在容器的左右两侧，最后一行除外。
2. `textalignlast`： `auto`：自动对齐，通常情况下与 `textalign` 的值相同。 `left`：最后一行左对齐。 `right`：最后一行右对齐。 `center`：最后一行居中对齐。 `justify`：最后一行两端对齐。 `start`：根据文本方向对齐。 `end`：根据文本方向对齐。
3. `textjustify`： `auto`：自动对齐，通常情况下与 `textalign` 的值相同。 `interword`：单词之间添加额外的空间，以实现两端对齐。 `intercharacter`：字符之间添加额外的空间，以实现两端对齐。
4. `textindent`： 设置首行文本的缩进量，可以是一个长度值或百分比。
5. `lineheight`： 设置行高，可以是一个长度值、百分比或数字。
6. `letterspacing`： 设置字符之间的间距，可以是一个长度值或正常值。
7. `wordspacing`： 设置单词之间的间距，可以是一个长度值或正常值。
8. `whitespace`： `normal`：默认值，自动处理空白字符。 `pre`：保留空白字符，包括空格、换行符等。 `nowrap`：不换行，文本会在同一行显示，直到遇到 `br` 元素或容器的边界。 `prewrap`：保留空白字符，但允许换行。 `preline`：保留换行符，但忽略其他空白字符。
9. `wordbreak`： `normal`：默认值，根据语言规则进行换行。 `breakall`：在单词内进行换行。 `keepall`：只在单词边界进行换行。
10. `wordwrap`： `normal`：默认值，允许在单词内进行换行。 `breakword`：在单词内进行换行，以避免溢出容器。
这些属性可以单独使用，也可以组合使用，以实现各种文本对齐效果。
CSS文字对齐方式详解
在网页设计中，文字对齐方式是影响页面布局和视觉效果的重要因素之一。CSS提供了丰富的文字对齐属性，可以帮助开发者实现各种对齐需求。本文将详细介绍CSS文字对齐方式的相关知识，包括水平对齐、垂直对齐以及一些特殊对齐技巧。
水平对齐方式
水平对齐方式主要控制文本在水平方向上的分布，常见的水平对齐属性有：
text-align
`text-align` 属性用于设置文本的水平对齐方式，其可取值包括：
- `left`：左对齐（默认值）
- `right`：右对齐
- `center`：居中对齐
- `justify`：两端对齐
```css
text-align: justify; / 两端对齐 /
text-align-last
`text-align-last` 属性用于设置最后一行文本的对齐方式，其可取值与 `text-align` 属性相同。
```css
text-align-last: right; / 最后一行右对齐 /
text-indent
`text-indent` 属性用于设置文本的第一行缩进，其可取值包括：
- `length`：指定缩进长度，如 `20px`、`2em` 等
- `percentage`：指定缩进百分比，如 `20%`
```css
text-indent: 2em; / 第一行缩进2em /
垂直对齐方式
垂直对齐方式主要控制文本在垂直方向上的分布，常见的垂直对齐属性有：
vertical-align
`vertical-align` 属性用于设置行内元素或表格单元格的垂直对齐方式，其可取值包括：
- `baseline`：基线对齐（默认值）
- `top`：顶部对齐
- `middle`：中部对齐
- `bottom`：底部对齐
- `sub`：下标对齐
- `super`：上标对齐
- `text-top`：文本顶部对齐
- `text-bottom`：文本底部对齐
```css
img {
vertical-align: middle; / 图像垂直居中对齐 /
line-height
`line-height` 属性用于设置行高，即行与行之间的距离。其可取值包括：
- `length`：指定行高长度，如 `20px`、`2em` 等
- `number`：指定行高倍数，如 `1.5`
- `normal`：使用父元素的行高值
```css
line-height: 1.5; / 行高为1.5倍 /
单行文本垂直居中
当需要实现单行文本垂直居中的效果时，可以使用以下方法：
1. 设置 `line-height` 属性值等于元素的高度。
2. 设置 `display` 属性为 `inline-block` 或 `block`。
```css
.center-text {
line-height: 50px; / 高度为50px /
height: 50px; / 高度为50px /
text-align: center; / 水平居中 /
特殊对齐技巧
块级元素居中
当需要将块级元素水平居中时，可以使用以下方法：
1. 使用 `margin` 属性设置左右外边距为 `auto`。
2. 使用 `flex` 布局。
```css
.center-block {
margin: 0 auto; / 水平居中 /
图片水平居中
当需要将图片水平居中时，可以使用以下方法：
1. 使用 `text-align` 属性设置父元素的文本对齐方式为 `center`。
2. 使用 `display` 属性设置图片为 `inline-block`。
```css
.center-image {
text-align: center; / 水平居中 /
通过以上介绍，相信大家对CSS文字对齐方式有了更深入的了解。在实际开发过程中，灵活运用这些属性，可以更好地实现页面布局和视觉效果。
