text-align

时间:2024-12-06 10:52:25 来源:
导读 `text-align` 是一个CSS样式属性,用于设置文本的水平对齐方式。这个属性可以应用于块级元素,如段落 (``)、标题 (``-``)、列表 (``, ...
`text-align` 是一个CSS样式属性,用于设置文本的水平对齐方式。这个属性可以应用于块级元素,如段落 (`

`)、标题 (`

`-`

`)、列表 (`
    `, `
      `, `
    1. `) 等。它也可以应用于表格单元格 (``)。 以下是 `text-align` 的一些常见值: * `left`:文本左对齐。 * `right`:文本右对齐。 * `center`:文本居中对齐。 * `justify`:文本两端对齐(使文本伸展到行宽填满整个容器宽度)。这种对齐通常用于报纸或杂志等出版物中的文章段落。值得注意的是,此属性可能不会在所有浏览器中在所有情境下完美工作。特别是在使用图像或其他复杂内容时可能会出现问题。不过对于纯文本内容,通常可以很好地工作。 示例: 假设我们有一个段落标签 `

      `,我们可以使用 `text-align` 属性来设置其文本的对齐方式: ```css p { text-align: center; /* 设置文本居中对齐 */ } ``` 这将使所有 `

      ` 标签内的文本居中对齐。如果你只想影响特定的段落,你可以使用类名或ID选择器来实现这一目标。

标签: