HTML对齐属性

在HTML标记中，对齐属性可用于控制元素相对于其他元素的位置和对齐方式。以下是HTML中可用的对齐属性：

align属性

此属性可用于控制图像、表格、段落和其他HTML元素的对齐方式。以下是可用的值：

• center：居中对齐
• left：左对齐
• right：右对齐
• justify：两侧对齐（仅适用于文本）

<!-- 图像居中对齐 -->
<img src="example.jpg" alt="Example" align="center">

<!-- 段落左对齐 -->
<p align="left">Lorem ipsum dolor sit amet...</p>

<!-- 表格右对齐 -->
<table align="right">

<!-- 文本两端对齐 -->
<p align="justify">Lorem ipsum dolor sit amet...</p>

float属性

此属性可用于将图像和其他元素浮动到页面上的左侧或右侧。

<!-- 图像右浮动 -->
<img src="example.jpg" alt="Example" style="float:right">

<!-- 文本左浮动 -->
<p style="float:left">Lorem ipsum dolor sit amet...</p>

text-align属性

此属性可用于仅在文本中控制对齐方式。以下是可用的值：

• center：居中对齐
• left：左对齐
• right：右对齐
• justify：两侧对齐

<!-- 文本居中对齐 -->
<p style="text-align:center">Lorem ipsum dolor sit amet...</p>

<!-- 文本左对齐 -->
<p style="text-align:left">Lorem ipsum dolor sit amet...</p>

<!-- 文本右对齐 -->
<p style="text-align:right">Lorem ipsum dolor sit amet...</p>

<!-- 文本两端对齐 -->
<p style="text-align:justify">Lorem ipsum dolor sit amet...</p>

总的来说，对齐属性的使用可以使HTML元素在页面上更好的排列和布局，尤其对于图像和文本非常有用。