CSS设置文本的水平对齐方向
介绍
- 在
CSS中text-align属性有3种值，以下：left左、center中、right右。 - 因为简单我就再也不多的介绍了直接进入
text-align属性实践了，若是你们是新手本身必定要去实践哈，运行结果图就不进行展现了，你们本身动动手哈。 -
左代码块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: left;
}
</style>
</head>
<body>
<h2 class="box">成功不是击败别人，而是改变本身</h2>
</body>
</html>
-
注意：默认就是向左对齐。ui
-
中代码块code
<!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>
-
右代码块htm
<!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>
相关文章
- 1. CSS设置文本的水平对齐方向
- 2. css文本水平对齐方式
- 3. CSS设置段落的水平对齐
- 4. CSS 水平对齐(Horizontal Align)
- 5. a标签设置水平右对齐
- 6. 盒对齐方式-垂直方向与水平方向
- 7. CSS 布局 - 水平 & 垂直对齐
- 8. CSS 水平对齐text-align属性
- 9. 【CSS】 布局 - 水平 & 垂直对齐
- 10. CSS实现文本向两端对齐的方法
- 更多相关文章...
- • C# 文本文件的读写 - C#教程
- • MySQL AS：设置别名 - MySQL教程
- • IntelliJ IDEA代码格式化设置
- • IDEA下SpringBoot工程配置文件没有提示
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. js中 charCodeAt
- 2. Android中通过ViewHelper.setTranslationY实现View移动控制（NineOldAndroids开源项目）
- 3. 【Android】日常记录：BottomNavigationView自定义样式，修改点击后图片
- 4. maya 文件检查 ui和数据分离 （一）
- 5. eclipse 修改项目的jdk版本
- 6. Android InputMethod设置
- 7. Simulink中Bus Selector出现很多? ? ?
- 8. 【Openfire笔记】启动Mac版Openfire时提示“系统偏好设置错误”
- 9. AutoPLP在偏好标签中的生产与应用
- 10. 数据库关闭的四种方式
欢迎关注本站公众号,获取更多信息
相关文章