MozTW 討論區
https://forum.moztw.org/

如何取代Center標籤
https://forum.moztw.org/viewtopic.php?f=13&t=20109
1 頁 (共 3 頁)

發表人:  Milx [ 2007-08-20, 15:52 ]
文章主題 :  如何取代Center標籤

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

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

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

發表人:  catho7 [ 2007-08-20, 17:00 ]
文章主題 : 

看看這篇
viewtopic.php?t=11653

發表人:  風痕影 [ 2007-08-20, 17:34 ]
文章主題 : 

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

發表人:  Milx [ 2007-08-20, 17:57 ]
文章主題 : 

風痕影 寫:
有的,只要把左右兩邊的 margin 都設成 auto 就可以了 ^^


感謝 :D
解決了我長久的疑惑

發表人:  lkk6015 [ 2007-08-20, 18:58 ]
文章主題 : 

風痕影 寫:
有的,只要把左右兩邊的 margin 都設成 auto 就可以了 ^^

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

發表人:  legnaleurc [ 2007-08-20, 19:01 ]
文章主題 : 

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

發表人:  Milx [ 2007-08-20, 19:13 ]
文章主題 : 

[quote="lkk6015"][/quote]

呵呵
請大家不要理lkk6015

發表人:  Jackbin [ 2007-08-21, 01:13 ]
文章主題 : 

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

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

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

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

發表人:  kourge [ 2007-08-21, 05:19 ]
文章主題 : 

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

發表人:  風痕影 [ 2007-08-21, 10:43 ]
文章主題 : 

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; 嗎 @@?

發表人:  Jackbin [ 2007-08-21, 20:09 ]
文章主題 : 

風痕影 寫:
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 個值時 - 上, 右, 下, 左

發表人:  lkk6015 [ 2007-08-21, 20:11 ]
文章主題 : 

謝謝大大的解答

發表人:  lkk6015 [ 2007-08-21, 20:17 ]
文章主題 : 

Milx 寫:
lkk6015 寫:


呵呵
請大家不要理lkk6015

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

發表人:  dora2002 [ 2007-08-21, 20:19 ]
文章主題 : 

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

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

發表人:  Milx [ 2007-08-21, 20:25 ]
文章主題 : 

lkk6015 寫:
Milx 寫:
lkk6015 寫:


呵呵
請大家不要理lkk6015

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


呵呵
等我一下下

1 頁 (共 3 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/