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

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

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

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

如何取代Center標籤

第 1 頁 (共 3 頁)

[ 32 篇文章 ]

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

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

發表人

內容

Milx

文章主題 : 如何取代Center標籤

發表於 : 2007-08-20, 15:52

註冊時間: 2005-08-29, 15:40
文章: 236

請問如何將一個區塊置中
以前可以用center標籤
可是這個標籤已經廢棄了

在CSS中只有將文字置中的語法
可是並沒有將一個區塊置中的語法（可能我沒看到吧）

除了用算的方法以外
有什麼將區塊置中的方法嗎？

最後由 Milx 於 2007-08-20, 17:58 編輯，總共編輯了 1 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

catho7

文章主題 :

發表於 : 2007-08-20, 17:00

註冊時間: 2004-08-01, 23:05
文章: 246

看看這篇
viewtopic.php?t=11653

_________________
Journey of Blue
貓BLOG 我的Firefox
美味書籤

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

風痕影

文章主題 :

發表於 : 2007-08-20, 17:34

[MozTW 版主群]

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

有的，只要把左右兩邊的 margin 都設成 auto 就可以了 ^^

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Milx

文章主題 :

發表於 : 2007-08-20, 17:57

註冊時間: 2005-08-29, 15:40
文章: 236

風痕影寫:

有的，只要把左右兩邊的 margin 都設成 auto 就可以了 ^^

感謝

解決了我長久的疑惑

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

lkk6015

文章主題 :

發表於 : 2007-08-20, 18:58

註冊時間: 2006-03-26, 15:52
文章: 327

風痕影寫:

有的，只要把左右兩邊的 margin 都設成 auto 就可以了 ^^

是在哪裡設定
在body還時還是該物件

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

legnaleurc

文章主題 :

發表於 : 2007-08-20, 19:01

註冊時間: 2006-10-27, 07:29
文章: 1068

margin是指該block到外層元素的距離
所以....你該寫在哪裡? :wink:

回頂端

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Milx

文章主題 :

發表於 : 2007-08-20, 19:13

註冊時間: 2005-08-29, 15:40
文章: 236

[quote="lkk6015"][/quote]

呵呵
請大家不要理lkk6015

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Jackbin

文章主題 :

發表於 : 2007-08-21, 01:13

註冊時間: 2007-07-02, 22:50
文章: 228

lkk6015 寫:

是在哪裡設定
在body還時還是該物件

margin 左右的屬性不指定數值，給 auto 就會置中。

代碼:

#aa {
  width: 500px;
  margin: auto;
}

#bb {
   width: 500px;
   margin-top: 10px;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
}

_________________
Jackbin 的懶人筆記｜Jackbin 的 Firefox 資源網

最後由 Jackbin 於 2007-08-21, 20:21 編輯，總共編輯了 1 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

kourge

文章主題 :

發表於 : 2007-08-21, 05:19

[網站管理員]

註冊時間: 2004-09-27, 09:24
文章: 1685

所以是 margin: 0 auto，會展開成 margin-top: 0; margin-left: 0; margin-right: 0;

_________________
korp + korp 中文站（沒精神更新）

回頂端

Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

風痕影

文章主題 :

發表於 : 2007-08-21, 10:43

[MozTW 版主群]

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

kourge 寫:

所以是 margin: 0 auto，會展開成 margin-top: 0; margin-left: 0; margin-right: 0;

呃，不是 margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; 嗎＠＠？

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Jackbin

文章主題 :

發表於 : 2007-08-21, 20:09

註冊時間: 2007-07-02, 22:50
文章: 228

風痕影寫:

kourge 寫:

所以是 margin: 0 auto，會展開成 margin-top: 0; margin-left: 0; margin-right: 0;

呃，不是 margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; 嗎＠＠？

我只知道 4 個值時順序是 - 上, 右, 下, 左

剛剛查了一下，應該是風痕影兄說的。

selector { margin: 值 }

1 個值時 - 所有邊界都設為此值
2 個值時 - 上下, 右左
3 個值時 - 上, 右左, 下
4 個值時 - 上, 右, 下, 左

_________________
Jackbin 的懶人筆記｜Jackbin 的 Firefox 資源網

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

lkk6015

文章主題 :

發表於 : 2007-08-21, 20:11

註冊時間: 2006-03-26, 15:52
文章: 327

謝謝大大的解答

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

lkk6015

文章主題 :

發表於 : 2007-08-21, 20:17

註冊時間: 2006-03-26, 15:52
文章: 327

Milx 寫:

lkk6015 寫:

呵呵
請大家不要理lkk6015

你這是在幹嘛？
不要發表與這篇文章不相干的話
你沒有權叫別人不要離我
那是他個人的事他有權選擇
若你不想看到他
你可以不必理會他所發表的文章.......

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

dora2002

文章主題 :

發表於 : 2007-08-21, 20:19

註冊時間: 2006-04-08, 15:10
文章: 2699
來自: 臺北縣隔壁

lkk6015 寫:

第五次世界大戰即將爆發 ...

回頂端

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

Milx

文章主題 :

發表於 : 2007-08-21, 20:25

註冊時間: 2005-08-29, 15:40
文章: 236

lkk6015 寫:

Milx 寫:

lkk6015 寫:

呵呵
請大家不要理lkk6015

呵呵
等我一下下

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

第 1 頁 (共 3 頁)

[ 32 篇文章 ]

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

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

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

誰在線上

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

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

前往 :