當前位置:編程學習大全網 - 遊戲軟體 - html中float,left,text-align,align怎麽用?

html中float,left,text-align,align怎麽用?

float,text-align是css樣式。

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>

  • 上一篇:夜宵和宵夜分別是什麽意思?
  • 下一篇:麻煩大家推薦幾首好聽的歌!~~~
  • copyright 2024編程學習大全網