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

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

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

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

如何取代Center標籤

第 2 頁 (共 3 頁)

[ 32 篇文章 ]

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

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

發表人

內容

1abcd

文章主題 :

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

[MozTW 版主群]

註冊時間: 2006-01-29, 23:45
文章: 1420

lkk6015 寫:

若你不想看到他
你可以不必理會他所發表的文章.......

若「他」的文章時常很白目，我也贊成大家不要（飼養？）理會

_________________
倉頡輸入法

回頂端

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-22, 05:15

[網站管理員]

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

風痕影寫:

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; 嗎＠＠？

對不起，我當時打進去的時候完全沒有用腦袋orz
大概前天沒睡好吧...就我所知 margin-bottom 是不會被影響？

_________________
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

不惑仔Boohover

文章主題 :

發表於 : 2007-08-22, 10:47

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

代碼:

margin-right:10%; margin-left:10%;

左右兩個margin定義成一樣，也是置中的方法，這表示該區塊的寬度原則上是可隨使用者視窗縮放，更符合 accessibility 。

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

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-23, 14:42

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

不惑仔Boohover 寫:

代碼:

margin-right:10%; margin-left:10%;

左右兩個margin定義成一樣，也是置中的方法，這表示該區塊的寬度原則上是可隨使用者視窗縮放，更符合 accessibility 。

用auto margin的寬度才會隨使用者視窗縮放

你有試過你說的程式碼嗎？？？
你的code並不會把區塊置中？？？

回頂端

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

coolcd

文章主題 :

發表於 : 2007-08-23, 15:05

註冊時間: 2003-11-18, 10:59
文章: 3473

Milx 寫:

不惑仔Boohover 寫:

代碼:

margin-right:10%; margin-left:10%;

左右兩個margin定義成一樣，也是置中的方法，這表示該區塊的寬度原則上是可隨使用者視窗縮放，更符合 accessibility 。

用auto margin的寬度才會隨使用者視窗縮放

你有試過你說的程式碼嗎？？？
你的code並不會把區塊置中？？？

不惑仔兄的 code 應該沒問題吧~
像這樣:

代碼:

<!-- HTML -->
<div id="center">XXXXX</div>

代碼:

/* CSS */
#center {margin-left: 10%;margin-right:10%}

你是不是設了區塊的寬度? 設了就不見得會置中了。

_________________
:::: 簽名檔分隔線 ::::
免費好用又自由的輸入法 gcin Windows | 勸大家以後不要再買 ATI

回頂端

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-23, 19:18

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

coolcd 寫:

你是不是設了區塊的寬度? 設了就不見得會置中了。

沒錯我設了寬度

回頂端

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

55126

文章主題 :

發表於 : 2007-09-07, 17:07

[MozTW 版主群]

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

風痕影寫:

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

這個方法可以套用在複數個img的標籤上嗎？我試了無效，只好用div包起來，設text-align: center;才行。有其它方法嗎？

回頂端

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

風痕影

文章主題 :

發表於 : 2007-09-07, 19:38

[MozTW 版主群]

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

55126 寫:

這個方法可以套用在複數個img的標籤上嗎？我試了無效，只好用div包起來，設text-align: center;才行。有其它方法嗎？

不太懂你的意思＠＠" 可以解釋得清楚些嗎？
你的意思是說有很多個連續的 <img> 需要置中嗎？

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

回頂端

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

李某人

文章主題 :

發表於 : 2007-09-07, 23:18

註冊時間: 2005-01-16, 13:34
文章: 131

kourge 寫:

對不起，我當時打進去的時候完全沒有用腦袋orz
大概前天沒睡好吧...就我所知 margin-bottom 是不會被影響？

代碼:

margin: 0 auto;

跟

代碼:

margin: 0 auto 0 auto;

的效果一樣。

所以 margin-bottom 也是會被影響的。

另外這個是置中 block element 的方法， img 是 inline element ，自然就沒有用嚕。想要置中 inline element ，請在 container apply text-align: center 。

回頂端

Opera/9.21 (Windows NT 5.1; U; en)

legnaleurc

文章主題 :

發表於 : 2007-09-07, 23:21

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

可以用object貼圖嗎?
或是用display: block;?

回頂端

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

風痕影

文章主題 :

發表於 : 2007-09-08, 00:23

[MozTW 版主群]

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

legnaleurc 寫:

可以用object貼圖嗎?

話說我以前試過用 <object> 貼圖，結果 IE 顯示得很怪
會是一個類似 <iframe> 的框，裡頭有著那張圖片
無論寬和高設成多少，裡頭那張圖片卻一直都是原寸的 XD

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

回頂端

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-09-08, 13:57

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

風痕影寫:

legnaleurc 寫:

可以用object貼圖嗎?

IE6好像都會這樣
IE7似乎有修正?(用疑問型是因為不太鳥IE,就沒研究= =)

現在反而覺得寫個網頁處處受制於IE....

回頂端

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

風痕影

文章主題 :

發表於 : 2007-09-08, 14:53

[MozTW 版主群]

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

legnaleurc 寫:

IE6好像都會這樣
IE7似乎有修正?(用疑問型是因為不太鳥IE,就沒研究= =)

我剛才拿 IE 7 測試了一下，看來還是一樣 Q____Q"

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

回頂端

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

55126

文章主題 :

發表於 : 2007-09-21, 11:24

[MozTW 版主群]

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

風痕影寫:

55126 寫:

這個方法可以套用在複數個img的標籤上嗎？我試了無效，只好用div包起來，設text-align: center;才行。有其它方法嗎？

不太懂你的意思＠＠" 可以解釋得清楚些嗎？
你的意思是說有很多個連續的 <img> 需要置中嗎？

就是這個意思，想將連續的圖讓它們自動置中！

回頂端

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

wini

文章主題 :

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

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

55126 寫:

風痕影寫:

55126 寫:

這個方法可以套用在複數個img的標籤上嗎？我試了無效，只好用div包起來，設text-align: center;才行。有其它方法嗎？

不太懂你的意思＠＠" 可以解釋得清楚些嗎？
你的意思是說有很多個連續的 <img> 需要置中嗎？

就是這個意思，想將連續的圖讓它們自動置中！

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

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

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

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
（本帳號停用中）

回頂端

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

第 2 頁 (共 3 頁)

[ 32 篇文章 ]

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

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

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

誰在線上

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

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

前往 :