MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-06-30, 17:47

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





發表新文章 回覆主題  [ 19 篇文章 ]  前往頁數 12  下一頁
發表人 內容
 文章主題 : 如何用CSS控制table?
文章發表於 : 2004-11-10, 11:00 
如果不想用舊式方法
<table align="center">
把table置中,
用CSS應該如何做得到?

我試過在Mozilla中,用
<table style="text-align:center;">

<div style="text-align:center;"><table>
都不行

(MSIE是無問題的)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.3) Gecko/20041101 Firefox/1.0RC2
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-10, 11:14 
離線
[MozTW 版主群]

註冊時間: 2004-01-23, 15:45
文章: 301
來自: Canada
直接寫在 TABLE 標籤裡﹕
代碼:
<table style="text-align:center">


CSS 檔案﹕
table {text-align:center;}

以上方法用 Mozilla, Firefox, IE 測試都正常

你在 tr 或 td 裡有放其他 tag 嗎?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.2) Gecko/20040803
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-10, 13:17 
應該是這樣做才對, text-align 是對 block 中的 inline 物件作用的。

style="position:relative; margin-left:auto; margin-right:auto; width:40%; "

position 跟 width 的值請自行替換,
margin 左跟右用 auto 是為了讓它置中,
想要不對稱的話,把 width 拿掉再調左右就好。

其它請利用 w3c.org 的資源。

http://w3c.org/


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7) Gecko/20040626 Firefox/0.9.1
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 00:36 
離線
頭像

註冊時間: 2004-07-23, 14:05
文章: 1552
來自: 台北縣豆腐的故鄉
哈!Moztw.org事業越做越大,隨著Firefox 1.0的推出,用戶有增無已,「被迫」開始關心W3C標準的用戶以及作者也面臨全新的局面,搞不好以後還得開個「W3C與CSS疑難雜症兼教學區」咧 :P

_________________
不努力的話,就會死在這裡,或是死在那裡。


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20040913 Firefox/0.10.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 04:54 
離線
[MozTW 版主群]

註冊時間: 2004-01-23, 15:45
文章: 301
來自: Canada
啊, 不對嗎? 果然還是太久沒碰了...

不過我用 W3C 的 CSS Validator 有過說 @@


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.2) Gecko/20040803
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 05:53 
sanopup 寫:
啊, 不對嗎? 果然還是太久沒碰了...

不過我用 W3C 的 CSS Validator 有過說 @@


前面說的方法都是「合法的」,只是得到的「效果」不同。


回頂端
Mozilla/5.0 (Windows; U; Win 9x 4.90; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 06:11 
離線

註冊時間: 2003-11-18, 10:59
文章: 3473
MilchFlasche 寫:
哈!Moztw.org事業越做越大,隨著Firefox 1.0的推出,用戶有增無已,「被迫」開始關心W3C標準的用戶以及作者也面臨全新的局面,搞不好以後還得開個「W3C與CSS疑難雜症兼教學區」咧 :P


不就在這裡了嗎?

:wink

可能在下面被大家遺忘了
隨著人愈來愈多 主題分區討論的觀念是很重要的
否則以後資料會很亂


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7) Gecko/20040626 Firefox/0.9.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 08:09 
使用<table align="center">是符合HTML4.01或XHTML1.0 Transitional的。
不過我想把它改做XHTML1.0 Strict(甚至1.1),有些地方不知道應怎樣修改


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.3) Gecko/20041101 Firefox/1.0RC2
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 09:09 
離線
[MozTW 版主群]

註冊時間: 2004-01-23, 15:45
文章: 301
來自: Canada
hemiola 寫:
前面說的方法都是「合法的」,只是得到的「效果」不同。

不懂... 效果不都是把字 centre 嗎?

XHTML 我當初只有看到 transitional, 要 strict 的話我就不清楚了。應該還是用 CSS 吧?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.2) Gecko/20040803
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 13:43 
XHTML 1.0 Transitional 從 HTML 4.01 Loose 而來
XHTML 1.0 Strict 從 HTML 4.01 Strict 而來
XHTML 1.0 Frameset 從 HTML 4.01 Frameset 而來

XHTML 1.0 Strict 把部分已 deprecated 的元素抽走
(例如刪掉center及font)

XHTML 1.1 把所有已 deprecated 的元素抽走
(例如只接受 xml:lang,不再接受 lang)
而IE5.0支援的ruby,也加到了XHTML 1.1 之中

hk-ho


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.3) Gecko/20041101 Firefox/1.0RC2
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 16:58 
sanopup 寫:
hemiola 寫:
前面說的方法都是「合法的」,只是得到的「效果」不同。

不懂... 效果不都是把字 centre 嗎?

XHTML 我當初只有看到 transitional, 要 strict 的話我就不清楚了。應該還是用 CSS 吧?


text-align: center; 是把「字」置中。
margin-left:auto; margin-right:auto; 是把「表格」置中。


回頂端
Mozilla/5.0 (Windows; U; Win 9x 4.90; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-11, 18:24 
離線
[MozTW 版主群]

註冊時間: 2004-08-28, 10:26
文章: 657
對於 css 而言,

margin: 0px auto;

這個是針對 block model 的,所以不只是表格,只要是一個 block 就能有置中的效果。

:lol: :lol:

_________________
http://dken.blogspot.com/
圖檔
圖檔


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.7.5) Gecko/20041103 Firefox/1.0RC2
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-12, 00:09 
實在多謝各位不吝嗇寶貴知識

但今次輪到IE不懂得把table置中了 :(


回頂端
Mozilla/5.0 (Windows; U; Win98; zh-TW; rv:1.7.3) Gecko/20041101 Firefox/1.0RC2
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-12, 00:19 
Anonymous 寫:
實在多謝各位不吝嗇寶貴知識

但今次輪到IE不懂得把table置中了 :(


這是沒有辦法的事,你可以選擇要符合標準,還是要讓目前的多數人看起來符合你的要求。

如果你真的很希望在 firefox 和 ie 上看起來一樣,那就麻煩一點,寫兩次 css,例如這樣:

table.test { text-align: center; }
*>table.test { margin-left: auto; margin-right: auto; }

第一個是給 ie 用的,第二個 (一定要擺在第一個之後) 用了選擇子 *> ,ie 看不懂這個,所以是給 firefox , opera 等看的,這樣就可以了。但這種作法就不能用在內嵌式的 css,只能放在 head 裏,或是用 link 的方式呼叫外部的 css 檔案。


回頂端
Mozilla/5.0 (Windows; U; Win 9x 4.90; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-12, 00:24 
離線
[MozTW 版主群]

註冊時間: 2004-08-28, 10:26
文章: 657
Anonymous 寫:
實在多謝各位不吝嗇寶貴知識

但今次輪到IE不懂得把table置中了 :(


忘了說,IE 不支援 margin: 0px auto; 這個語法....:P

_________________
http://dken.blogspot.com/
圖檔
圖檔


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.7.5) Gecko/20041103 Firefox/1.0RC2
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 19 篇文章 ]  前往頁數 12  下一頁

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


誰在線上

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


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

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群