1.float
float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於圖像,使文本圍繞在圖像周圍,不過在 CSS 中,任何元素都可以浮動。浮動元素會生成壹個塊級框,而不論它本身是何種元素。
如果浮動非替換元素,則要指定壹個明確的寬度;否則,它們會盡可能地窄。
註釋:假如在壹行之上只有極少的空間可供浮動元素,那麽這個元素會跳至下壹行,這個過程會持續到某壹行擁有足夠的空間為止。
實例:
把圖像向右浮動:
img
{
float:right;
}
2.left
left是屬性值,float:left, text-align:left align:left 都是不同的
3.text-align
text-align 屬性規定元素中的文本的水平對齊方式。
該屬性通過指定行框與哪個點對齊,從而設置塊級元素內文本的水平對齊方式。通過允許用戶代理調整行內容中字母和字之間的間隔,可以支持值 justify;不同用戶代理可能會得到不同的結果。
實例
設置 h1、h2、h3 元素的文本對齊方式:
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
4.align
align 屬性規定 元素中的內容的水平對齊方式。
實例
下面的 HTML 表格將 tbody 元素中的內容向右對齊:
<table border="1" width="100%">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody align="right">
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>