Change History
Message: [CSS] 圖片水平置中的用法(img style="display:block; margin:auto;")
Changed By: mepoadm
Change Date: September 29, 2011 11:40PM
[CSS] 圖片水平置中的用法(img style="display:block; margin:auto;")
Inilne style (直接在標籤中設定) 的用法:
直接在 <img> 中寫上 style="display:block; margin:auto;" 。例如:
<img src="圖片網址" <span style="color:red">style="display:block; margin:auto;"</span>/>
CSS 用法:
<xmp>img {
display:block;
margin: auto;
/* max-width: 500px; 建議可加上「最大寬度」讓圖片不會過大。500px只是一個例子*/
}</xmp>
附注:這個用法應是跨瀏覽器相容的。
Original Message
作者: HP
Date: September 29, 2011 06:51PM
[CSS] 圖片水平置中的用法(img style="display:block; margin:auto;")
Inilne style 的用法:
直接在 <img> 中寫上 style="display:block; margin:auto;" 。例如:
<img src="圖片網址" style="display:block; margin:auto;"/>
CSS 用法:
img {
display:block;
margin: auto;
/* max-width: 500px; 建議可加上「最大寬度」讓圖片不會過大。500px只是一個例子*/
}
附注:這個用法應是跨瀏覽器相容的。