云南網站建設創新企業 昆明多彩網絡公司

|網頁對話|電話:0871-63215311

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”屬性。

發表評論評論列表(有 條評論)

網頁對話 0871-63215311
原创视频传到什么网站可以赚钱