CSS设置文本的水平对齐方向
程序员文章站
2022-04-14 20:06:47
介绍 在 中`text align left center right`右。 由于简单我就不再多的介绍了直接进入 属性实践了，如果大家是新手自己一定要去实践哈，运行结果图就不进行展示了，大家自己动动手哈。 左代码块 注意：默认就是向左对齐。 中代码块 右代码块 ......
介绍
- 在
css中text-align属性有3种值，如下：left左、center中、right右。 - 由于简单我就不再多的介绍了直接进入
text-align属性实践了，如果大家是新手自己一定要去实践哈，运行结果图就不进行展示了，大家自己动动手哈。 左代码块
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>设置文本的水平对齐方向</title>
<style>
.box{
text-align: left;
}
</style>
</head>
<body>
<h2 class="box">成功不是击败别人，而是改变自己</h2>
</body>
</html>
注意：默认就是向左对齐。
中代码块
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>设置文本的水平对齐方向</title>
<style>
.box{
text-align:center;
}
</style>
</head>
<body>
<h2 class="box">成功不是击败别人，而是改变自己</h2>
</body>
</html>
右代码块
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>设置文本的水平对齐方向</title>
<style>
.box{
text-align: right;
}
</style>
</head>
<body>
<h2 class="box">成功不是击败别人，而是改变自己</h2>
</body>
</html> 下一篇： vue脚手架创建项目及常用配置