Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

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;" 。例如:

&lt;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 {<br /> display:block;<br /> margin: auto;<br /> /* max-width: 500px; 建議可加上「最大寬度」讓圖片不會過大。500px只是一個例子*/<br /> }


附注:這個用法應是跨瀏覽器相容的。