Molet

css怎么设置文本左对齐 css怎么设置一行文字两端对齐

Molet web技术 2022-10-21 553浏览 0

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中,可以通过给文字所在标签添加“text-align:left”样式来设置文本左对齐。text-align属性用于指定元素中的文本的水平对齐方式,当值为left时可把文本排列到左边。

text-align属性的可能值:

  • left 把文本排列到左边。默认值:由浏览器决定。

  • right 把文本排列到右边。

  • center 把文本排列到中间。

  • justify 实现两端对齐文本效果。

下面通过代码示例来具体看看:

h1 {
				text-align: center
			}

			h2 {
				text-align: left
			}

			h3 {
				text-align: right
			}
		
	
	
		

这是居中对齐

这是左对齐

这是右对齐

效果图:

css怎么设置文本左对齐 css怎么设置一行文字两端对齐

继续浏览有关 css教程 的文章
发表评论