MozTW 討論區 • 檢視主題 - 如何取代Center標籤

檢視沒有回覆的主題 | 檢視最近討論的主題

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

如何取代Center標籤

第 3 頁 (共 3 頁)

[ 32 篇文章 ]

前往頁數上一頁 1，2，3

列印模式	上一個主題 \| 下一個主題

發表人

內容

風痕影

文章主題 :

發表於 : 2007-09-21, 14:27

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

wini 寫:

block 層級的元素，要讓他置中，要用 margin ；而 inline 層級的元素，不能使用 margin ，所以要 block 層級的父元素，設定 text-align 讓這些子元素置中。

不過依照你設計網頁的想法不同，也可以讓 img 在顯示上變成 block 層級，再搭 margin 置中。

所以你必須先想想，連續的圖是怎麼放的，然後再來想要怎麼處理。

補充一下，假設「口」是一張圖片，如果要這樣子排列...
口口口口(四個一起置中)

那就是用 block 父元素，也就是你目前用的包 <div> 的方法

但如果是這個樣子...
口(置中)
口(置中)
口(置中)
口(置中)

就可以用 display: block; 把 IMG 變成 block 元素
然後再用 margin 的辦法 ^^

當然你要每張各包一個 block 元素也不是不行啦...

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

55126

文章主題 :

發表於 : 2007-09-21, 17:30

[MozTW 版主群]

註冊時間: 2006-03-07, 13:35
文章: 245
來自: 豐原市

風痕影寫:

wini 寫:

謝謝說明，我設

代碼:

    img {display: block;
             margin: auto; }

就得到
口(置中)
口(置中)
口(置中)
口(置中)
這樣的效果，謝謝兩位的解釋！

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

第 3 頁 (共 3 頁)

[ 32 篇文章 ]

前往頁數上一頁 1，2，3

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 1 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :