?? 7-3-15.cfm.htm
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>控制文本的對齊方式</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體"><b>
<p ALIGN="JUSTIFY">控制文本的對齊方式</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">你可以使用text-align屬性的三個值left、center和right來對齊文本。更好的是,在Netscape
Navigator 4.0和Internet Explorer 4.0中,你可以建立完全調整過的文本。表7.5使用了text-align屬性的所有四個值(見圖7.28):</p>
<b>
<p ALIGN="JUSTIFY">表7.5 對齊方式舉例</p>
</b>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD><br>
<TITLE> Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">.Left {text-align: left}</p>
<p ALIGN="JUSTIFY">.Right {text-align: right}</p>
<p ALIGN="JUSTIFY">.Center {text-align: center}</p>
<p ALIGN="JUSTIFY">.Justify {text-align: justify}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><P CLASS=Left></p>
<p ALIGN="JUSTIFY">This text is left aligned. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is left aligned. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is left aligned. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is left aligned. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is left aligned. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is left aligned. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"><P CLASS=Right></p>
<p ALIGN="JUSTIFY">This text is right aligned. See how the edges of this paragraph line
up.</p>
<p ALIGN="JUSTIFY">This text is right aligned. See how the edges of this paragraph line
up.</p>
<p ALIGN="JUSTIFY">This text is right aligned. See how the edges of this paragraph line
up.</p>
<p ALIGN="JUSTIFY">This text is right aligned. See how the edges of this paragraph line
up.</p>
<p ALIGN="JUSTIFY">This text is right aligned. See how the edges of this paragraph line
up.</p>
<p ALIGN="JUSTIFY">This text is right aligned. See how the edges of this paragraph line
up.</p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"><P CLASS=Center></p>
<p ALIGN="JUSTIFY">This text is centered. I float in the middle of the screen.</p>
<p ALIGN="JUSTIFY">This text is centered. I float in the middle of the screen.</p>
<p ALIGN="JUSTIFY">This text is centered. I float in the middle of the screen.</p>
<p ALIGN="JUSTIFY">This text is centered. I float in the middle of the screen.</p>
<p ALIGN="JUSTIFY">This text is centered. I float in the middle of the screen.</p>
<p ALIGN="JUSTIFY">This text is centered. I float in the middle of the screen.</p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"><P CLASS=Justify></p>
<p ALIGN="JUSTIFY">This text is justified. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is justified. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is justified. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is justified. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is justified. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY">This text is justified. See how the edges of this paragraph line up.</p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image71.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image71.gif" WIDTH="593" HEIGHT="413"></p>
<b>
<p ALIGN="CENTER">圖7.28 使用style sheet來對齊文本</p>
</b></font>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -