資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 中設定文字對齊？
要在 HTML 中對齊文字，請使用style 屬性來定義 CSS text-align 屬性。請記住，使用 style 屬性會覆蓋全域性設定的任何樣式。它會覆蓋在 HTML <style> 標籤或外部樣式表中設定的任何樣式。
HTML style 屬性為元素指定內聯樣式。該屬性與 HTML <p> 標籤一起使用，並使用 CSS text-align 屬性進行居中、左對齊和右對齊。HTML5 不支援<p> 標籤的 align 屬性，因此使用 CSS 樣式來設定文字對齊。
文字的不同對齊方式
文字對齊示例
以下示例將說明文字的不同對齊選項。
將文字居中對齊
在此示例中，我們將建立兩個段落元素，並將第二個段落元素對齊到螢幕的中心。
<!DOCTYPE html>
<html>
<body>
<strong>Default Aligned Text</strong>
<p>TutorialsPoint</p>
<strong>Center Aligned Text</strong>
<p style="text-align:center;">TutorialsPoint</p>
</body>
</html>
將文字右對齊
在此示例中，我們將建立兩個段落元素，並將第二個段落元素對齊到螢幕的右側。
<!DOCTYPE html>
<html>
<body>
<strong>Default Aligned Text</strong>
<p>TutorialsPoint</p>
<strong>Right Aligned Text</strong>
<p style="text-align:right;">TutorialsPoint</p>
</body>
</html>
將文字左對齊（預設）
在此示例中，我們將建立兩個段落元素，並將第二個段落元素左對齊。但預設對齊方式也是左對齊的。
<!DOCTYPE html>
<html>
<body>
<strong>Default Aligned Text</strong>
<p>TutorialsPoint</p>
<strong>Left Aligned Text</strong>
<p style="text-align:left;">TutorialsPoint</p>
</body>
</html>
您也可以使用 HTML dir 屬性來設定對齊方式，但如果在末尾或開頭有任何特殊字元，它將不起作用。此屬性用於設定方向。
更新於： 2024年8月22日
232K+ 次觀看
廣告