css如何讓文字水平排列

藏色散人
發布: 2023-01-03 09:30:58
原創
7631 人瀏覽過

css讓文字水平排列的方法:先建立一個HTML範例檔案;然後在body中建立h1標籤內容;最後透過「text-align」屬性設定文字水平排列即可。

css如何讓文字水平排列

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

css中可以使用text-align:center樣式設定文字水平居中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>
登入後複製

效果如下:

css如何讓文字水平排列

text-align 屬性規定元素中的文字的水平對齊方式。

此屬性透過指定行框與哪個點對齊,從而設定區塊級元素內文字的水平對齊方式。透過允許使用者代理程式調整行內容中字母和字之間的間隔,可以支援值 justify;不同使用者代理程式可能會得到不同的結果。

屬性值:

left 把文字排列到左邊。預設值:由瀏覽器決定。

right 把文字排列到右邊。

center 把文字排列到中間。

justify 實現兩端對齊文字效果。

inherit 規定應該從父元素繼承 text-align 屬性的值。

【推薦學習:css影片教學

#

以上是css如何讓文字水平排列的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板