3-13.html

来自「一些css样式表的例子供大家学习和参考。」· HTML 代码 · 共 32 行

HTML
32
字号
<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 + =
减小字号Ctrl + -
显示快捷键?