html入門:圖像屬性-圖像對齊和環(huán)繞文字
來源:昆明多彩網(wǎng)絡(luò)公司 日期:2010-10-21 閱讀: 發(fā)表評論
注:最好的方法應(yīng)該使用css樣式表來設(shè)置環(huán)繞圖片文字,下面用灰色文字顯示代碼,用橘紅色顯示的是實(shí)例效果。
設(shè)置文字環(huán)繞圖像的西歐奧過,你需要用到下面圖片屬性標(biāo)簽:algin="left";algin=“right”;因此,圖像屬性標(biāo)簽看起來像這樣:<img src="next.jpg" align="left" />
現(xiàn)在只要在圖片標(biāo)簽前后輸入文本,文本會環(huán)繞圖像,不是圖像的下一行開始,下面是一個例子:
嗯....我覺得圖片的展示方式應(yīng)該是多樣的.. <br /><img src="../images/next.jpg" align="left" />好,這些文本應(yīng)該環(huán)繞<br />像現(xiàn)在這樣。<br />我會繼續(xù)寫作<br />寫了又寫<br />直到我寫累了。
效果:
我覺得圖片的展示方式應(yīng)該是多樣的..
你好,這個文本應(yīng)該環(huán)繞
像現(xiàn)在這樣。
我會繼續(xù)寫作
寫了又寫
直到我寫累了....
如果您在在很大的區(qū)域內(nèi)加入文本,可以去掉上面換行符。我只是用來適當(dāng)換行以獲得一定的美觀度。
你也可以做的align =“right”的實(shí)例,結(jié)果正和你想象的一樣,圖像將在文本的右側(cè),您的文本將環(huán)繞在左邊,是不是很棒?
那么:我們可以再來學(xué)習(xí)圖像“Alt”屬性。
發(fā)表評論評論列表(有 條評論)