HTML和CSS提供了不同的方法来对齐文本。文本对齐只是提供给定文本的位置或位置。文本对齐通常提供一些方向,如 right
, center
, left
等。
文本对齐可以通过主要使用CSS Text align属性来完成,下面将详细解释这个属性。另外,
标记对齐属性、
使用文本对齐CSS属性对齐文本
最流行的文本对齐方法是使用 text-align
CSS的属性。大多数与HTML标记相关的文本,如标题、段落等,都提供了文本对齐CSS属性。
文本右对齐与文本对齐
我们先把文本向右对齐。我们将使用 text-align:right
就像下面一样。
Right Aligned Heading1
Right Aligned Heading2
Right Aligned Paragraph Text.
Right Aligned Div Text
![图片[1]-如何在HTML中对齐文本?-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/03/poftut_image-121.png)
文本居中与文本对齐
通过使用文本对齐CSS属性,我们可以将不同的HTML标记(如h1、h2、div或p)放在下面的位置。
Centered Heading1
Centered Heading2
Centered Paragraph Text.
Centered Div Text
![图片[2]-如何在HTML中对齐文本?-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/03/poftut_image-120.png)
文本左对齐与文本对齐
在下面的示例中,我们将左对齐给定的标题、段落和div。
Left Aligned Heading1
Left Aligned Heading2
Left Aligned Paragraph Text.
Left Aligned Div Text
![图片[3]-如何在HTML中对齐文本?-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/03/poftut_image-122.png)
将文本与
Align属性对齐
是用于创建文本段落的段落HTML标记。文本段落可以与 align
属性和 right
, center
, left
值如下所示。
Left Aligned Paragraph Text.
Center Aligned Paragraph Text.
Right Aligned Paragraph Text.
![图片[4]-如何在HTML中对齐文本?-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/03/poftut_image-123.png)
Align属性对齐
将文本与
Align属性对齐
div标记可用于对齐文本。这个 align
属性用于右对齐、居中对齐、左对齐,如下图所示。
Left Aligned Div Text.
Center Aligned Div Text.
Right Aligned Div Text.
![图片[5]-如何在HTML中对齐文本?-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/03/poftut_image-124.png)
将文本与
Align属性对齐
相关文章: 如何在HTML中用CSS改变字体颜色?
div标记可用于对齐文本。这个 align
属性用于右对齐、居中对齐、左对齐,如下图所示。
Left Aligned Div Text.
Center Aligned Div Text.
Right Aligned Div Text.
![图片[5]-如何在HTML中对齐文本?-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/03/poftut_image-124.png)
相关文章: 如何在HTML中用CSS改变字体颜色?