HTML5引入了很多新的特性,一些新的屬性也加入了HTML標簽中。其中,關于圖片左右設置的特性也得到了很好的突破。
<img src="image.jpg" alt="圖片" align="left">
如上代碼中,使用了一個新屬性“align”,可以控制圖片在文本中的位置。這里我們將其設置為“left”表示圖片將位于文本的左邊。
<img src="image.jpg" alt="圖片" align="right">
同上,我們將“align”屬性的值設置為“right”,即可將圖片位于文本右側。
不過,在實際操作中,應當避免在一個段落中同時使用許多左右對齊的圖片,以免影響網頁的美觀度。
另外,在使用HTML5“align”屬性時,也需要注意瀏覽器的兼容性問題。一些較老的瀏覽器也許不支持該屬性的使用,因此應當權衡利弊后再做決定。
上一篇html5圖片引入代碼
下一篇HTML5圖片拉伸代碼