html入門：圖像屬性-圖像對齊和環繞文字
來源：昆明多彩網絡公司 日期：2010-10-21 閱讀： 發表評論
如何在html中設置環繞圖片文字，包括左環繞，右環繞和垂直居中等。
注：最好的方法應該使用css樣式表來設置環繞圖片文字，下面用灰色文字顯示代碼，用橘紅色顯示的是實例效果。
設置文字環繞圖像的西歐奧過，你需要用到下面圖片屬性標簽：algin="left"；algin=“right”；因此，圖像屬性標簽看起來像這樣：<img src="next.jpg" align="left" />
現在只要在圖片標簽前后輸入文本，文本會環繞圖像，不是圖像的下一行開始，下面是一個例子：
嗯....我覺得圖片的展示方式應該是多樣的.. <br /><img src="../images/next.jpg" align="left" />好，這些文本應該環繞<br />像現在這樣。<br />我會繼續寫作<br />寫了又寫<br />直到我寫累了。
效果：
我覺得圖片的展示方式應該是多樣的..
你好，這個文本應該環繞
像現在這樣。
我會繼續寫作
寫了又寫
直到我寫累了....
如果您在在很大的區域內加入文本，可以去掉上面換行符。我只是用來適當換行以獲得一定的美觀度。
你也可以做的align =“right”的實例，結果正和你想象的一樣，圖像將在文本的右側，您的文本將環繞在左邊，是不是很棒？
那么：我們可以再來學習圖像“Alt”屬性。
上一篇：html入門：圖片屬性-alt的作用 下一篇：html入門教學九：在網頁中插入圖片
發表評論評論列表（有 條評論）