DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS基礎知識 >> 4.6 文本水平對齊text-align
4.6 文本水平對齊text-align
編輯:CSS基礎知識     

一、text-align屬性

在CSS中,使用text-align屬性控制文本的水平方向的對齊方式:左對齊、居中對齊、右對齊。

語法:

text-align:屬性值;

說明:

text-align屬性取值如下表:

表1 text-align屬性 text-align屬性值 說明 left 默認值,左對齊 center 居中對齊 right 右對齊

text-align屬性只能針對文本文字和img標簽,對其他標簽無效。記住那,text-align屬性不僅對文本文字有效,對img標簽也有效!

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>text-align屬性</title>
    <style type="text/css">
        #p1{text-align:left;}
        #p2{text-align:center;}
        #p3{text-align:right;}
    </style>
</head>
<body>
    <p id="p1"><strong>左對齊</strong>:好好學習,天天向上。</p>
    <p id="p2"><strong>居中對齊</strong>:好好學習,天天向上。</p>
    <p id="p3"><strong>右對齊</strong>:好好學習,天天向上。</p>
</body>
</html>

在浏覽器預覽效果如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved