📜  如何在 HTML 中对齐文本?

📅  最后修改于: 2021-10-28 02:19:27             🧑  作者: Mango

HTML 代表超文本标记语言。它用于使用标记语言设计网页。 HTML 是超文本和标记语言的结合。超文本定义了网页之间的链接。标记语言用于在定义网页结构的标签内定义文本文档。

浏览器使用 HTML 来处理文本、图像和其他内容,以便以所需的格式显示它们。

文本对齐

我们可以使用 text-align 属性更改文本的对齐方式。我们可以将文本居中、左对齐、右对齐。

Property  Description Values Example
text-align Specifies the horizontal alignment of text or block of text left(Default)/right/center/justify text-align: right
Value Description
left The text will align to the left
right The text will align to the right
center The text will align to the center

文本对齐可以通过 CSS(层叠样式表)和 HTML 属性标签来完成。

使用 CSS 对齐文本

CSS 代表级联样式表,HTML 允许使用这些 CSS 来更改网页内容的样式。例如,在这里我们将使用 CSS 来对齐 HTML 代码中的文本。

方法一:文字居中对齐

HTML


    Text alignment
    


    

GeeksforGeeks


HTML


    Text alignment
    


    

GeeksforGeeks


HTML


    Text alignment
    


    

GeeksforGeeks


HTML


    Text alignment


    

GeeksforGeeks


HTML


    Text alignment


    

GeeksforGeeks


HTML


    Text alignment


    

GeeksforGeeks


方法 2:将文本向右对齐

HTML



    Text alignment
    


    

GeeksforGeeks

方法 3:文本左对齐

HTML



    Text alignment
    


    

GeeksforGeeks

使用 HTML align 属性对齐文本

方法 1:将文本居中对齐

HTML



    Text alignment


    

GeeksforGeeks

方法 2:将文本向右对齐

HTML



    Text alignment


    

GeeksforGeeks

方法 3:文本左对齐

HTML



    Text alignment


    

GeeksforGeeks