html入門(mén)：圖像屬性-圖像對齊和環(huán)繞文字

來(lái)源：昆明多彩網(wǎng)絡(luò )公司 日期：2010-10-21 閱讀： 發(fā)表評論

注：最好的方法應該使用css樣式表來(lái)設置環(huán)繞圖片文字，下面用灰色文字顯示代碼，用橘紅色顯示的是實(shí)例效果。

設置文字環(huán)繞圖像的西歐奧過(guò)，你需要用到下面圖片屬性標簽：algin="left"；algin=“right”；因此，圖像屬性標簽看起來(lái)像這樣：<img src="next.jpg" align="left" />

現在只要在圖片標簽前后輸入文本，文本會(huì )環(huán)繞圖像，不是圖像的下一行開(kāi)始，下面是一個(gè)例子：

嗯....我覺(jué)得圖片的展示方式應該是多樣的.. <br /><img src="../images/next.jpg" align="left" />好，這些文本應該環(huán)繞<br />像現在這樣。<br />我會(huì )繼續寫(xiě)作<br />寫(xiě)了又寫(xiě)<br />直到我寫(xiě)累了。

效果：

我覺(jué)得圖片的展示方式應該是多樣的..
你好，這個(gè)文本應該環(huán)繞
像現在這樣。
我會(huì )繼續寫(xiě)作
寫(xiě)了又寫(xiě)
直到我寫(xiě)累了....

如果您在在很大的區域內加入文本，可以去掉上面換行符。我只是用來(lái)適當換行以獲得一定的美觀(guān)度。

你也可以做的align =“right”的實(shí)例，結果正和你想象的一樣，圖像將在文本的右側，您的文本將環(huán)繞在左邊，是不是很棒？

那么：我們可以再來(lái)學(xué)習圖像“Alt”屬性。