HTML|内联CSS-文本对齐方式
可以使用text-align属性设置文本的水平方向对齐方式
水平方向:
- left左对齐
- right右对齐
- center居中对齐
- justify两端对齐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联CSS-文本对齐方式</title>
</head>
<body>
<!--
文本水平对齐方式:
使用style中的text-align属性
left左对齐
right右对齐
center居中
justify两端对齐
-->
<h1 style="text-align: left">标题1</h1>
<h1 style="text-align: right">标题2</h1>
<h1 style="text-align: center">标题3</h1>
<h1 style="text-align: justify">标题4</h1>
<p style="text-align: center">
<img src="../resource/image/demo01.png">
</p>
<p>
四种对齐方式如上四个标题分别为:left、right、center、justify
<br>
图片也是采用的center
</p>
</body>
</html>
效果:
也可以设置垂直方向等各种格式,等到CSS再更。
人生没有白走的路,每一步都算数!