html入門：圖像屬性-圖像對齊和環繞文字

來源：昆明多彩網絡公司 日期：2010-10-21 閱讀： 發表評論

注：最(zui)好(hao)的方法(fa)應該使用css樣式表來(lai)設(she)置環繞(rao)圖片文字(zi)，下(xia)面用灰色(se)文字(zi)顯示(shi)代碼(ma)，用橘紅色(se)顯示(shi)的是實(shi)例(li)效(xiao)果。

設(she)置(zhi)文字環繞圖像的西歐奧過，你需要用到(dao)下面圖片(pian)屬(shu)性標(biao)(biao)簽(qian)：algin="left&quot;；algin=“right”；因(yin)此，圖像屬(shu)性標(biao)(biao)簽(qian)看(kan)起來像這樣(yang)：<img src="next.jpg" align="left" />

現在(zai)只要在(zai)圖片(pian)標簽前后(hou)輸入文本(ben)，文本(ben)會環繞圖像，不(bu)是圖像的下(xia)一(yi)行(xing)開始，下(xia)面(mian)是一(yi)個例子：

嗯....我(wo)覺(jue)得圖片的(de)展示方(fang)式應該是多樣的(de).. <br /><img src="../images/next.jpg" align="left" />好，這(zhe)些文本應該環繞<br />像(xiang)現在這(zhe)樣。<br />我(wo)會繼(ji)續寫作<br />寫了又寫<br />直到我(wo)寫累了。

效果：

我覺得圖片的展示方式應該是多樣的..
你好，這個文本應該環繞
像現在這樣。
我會繼續寫作
寫了又寫
直到我寫累了....

如果您在在很(hen)大(da)的(de)區域內(nei)加入(ru)文(wen)本，可以(yi)去掉上面換行(xing)符。我(wo)只是用來適當換行(xing)以(yi)獲得一定的(de)美觀(guan)度。

你(ni)也可以做的(de)(de)align =“right”的(de)(de)實例，結果正(zheng)和你(ni)想象的(de)(de)一樣，圖像將在文本(ben)(ben)的(de)(de)右側(ce)，您的(de)(de)文本(ben)(ben)將環繞在左(zuo)邊，是不(bu)是很棒？

那么：我(wo)們(men)可以再來(lai)學習圖像(xiang)“Alt”屬性(xing)。