css中对齐,css设置文字对齐,css左对齐,css对齐方式,css中对齐方式,css设置对齐
CSS3 对齐指的是在 HTML 元素中应用 CSS 样式来控制元素相对于其容器或其他元素的位置。CSS3 提供了多种对齐方式，包括水平对齐、垂直对齐和文本对齐等。

以下是一些常见的 CSS3 对齐属性及其作用：

1. text-align 属性：控制文本内容的水平对齐方式，可取值为 left（左对齐）、right（右对齐）、center（居中对齐）和 justify（两端对齐）。

html
<div style="text-align:center;">
<h1>这是一个标题</h1>
<p>这是一段居中对齐的文本。</p>
</div>


2. vertical-align 属性：控制元素内部的块级元素或行内元素相对于基线的垂直对齐方式，可取值为 top（顶部对齐）、middle（垂直居中对齐）、bottom（底部对齐）以及基线（baseline）等。

html
<div style="height:100px; line-height:100px; border:1px solid black;">
<span style="vertical-align:middle;">这是一段垂直居中对齐的文本。</span>
</div>


3. align-content 和 align-items 属性：这两个属性都是控制 flexbox 布局容器的元素对齐方式。align-content 用于控制 flexbox 容器内所有行的对齐方式，可取值为 flex-start（靠上对齐）、flex-end（靠下对齐）、center（居中对齐）等。align-items 则用于控制单个行内元素或列元素的对齐方式，可取值为 stretch（拉伸）、flex-start（靠上对齐）、flex-end（靠下对齐）、center（居中对齐）等。

html
<div style="display:flex; align-items:center; justify-content:center; height:200px;">
<div style="background-color:yellow;">这是一个 flexbox 容器</div>
</div>


以上是一些常见的 CSS3 对齐属性及其作用的例子。