📄 3-13.html
字号:
<html>
<head>
<title>水平对齐</title>
<style>
<!--
p{ font-size:12px; }
p.left{ text-align:left; } /* 左对齐 */
p.right{ text-align:right; } /* 右对齐 */
p.center{ text-align:center; } /* 居中对齐 */
p.justify{ text-align:justify; } /* 两端对齐 */
-->
</style>
</head>
<body>
<p class="left">
这个段落采用左对齐的方式，text-align:left，因此文字都采用左对齐。<br>
床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。<br>李白
</p>
<p class="right">
这个段落采用右对齐的方式，text-align:right，因此文字都采用右对齐。<br>
床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。<br>李白
</p>
<p class="center">
这个段落采用居中对齐的方式，text-align:center，因此文字都采用居中对齐。<br>
床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。<br>李白
</p>
<p class="justify">
这个段落采用左对齐的方式，text-align:justify，因此文字都采用左对齐。床前明月光，疑是地上霜。举头望明月，低头思故乡。<br>李白
</p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -