哈！Moztw.org事業越做越大，隨著Firefox 1.0的推出，用戶有增無已，「被迫」開始關心W3C標準的用戶以及作者也面臨全新的局面，搞不好以後還得開個「W3C與CSS疑難雜症兼教學區」咧
| MozTW 討論區 https://forum.moztw.org/ |
|
| 如何用CSS控制table? https://forum.moztw.org/viewtopic.php?f=2&t=3975 |
第 1 頁 (共 2 頁) |
| 發表人: | 訪客 [ 2004-11-10, 11:00 ] |
| 文章主題 : | 如何用CSS控制table? |
如果不想用舊式方法 <table align="center"> 把table置中， 用CSS應該如何做得到? 我試過在Mozilla中，用 <table style="text-align:center;"> 或 <div style="text-align:center;"><table> 都不行 (MSIE是無問題的) |
|
| 發表人: | sanopup [ 2004-11-10, 11:14 ] |
| 文章主題 : | |
直接寫在 TABLE 標籤裡﹕ 代碼: <table style="text-align:center">
CSS 檔案﹕ table {text-align:center;} 以上方法用 Mozilla, Firefox, IE 測試都正常 你在 tr 或 td 裡有放其他 tag 嗎? |
|
| 發表人: | 訪客 [ 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/ |
|
| 發表人: | MilchFlasche [ 2004-11-11, 00:36 ] |
| 文章主題 : | |
哈！Moztw.org事業越做越大，隨著Firefox 1.0的推出，用戶有增無已，「被迫」開始關心W3C標準的用戶以及作者也面臨全新的局面，搞不好以後還得開個「W3C與CSS疑難雜症兼教學區」咧
|
|
| 發表人: | sanopup [ 2004-11-11, 04:54 ] |
| 文章主題 : | |
啊, 不對嗎? 果然還是太久沒碰了... 不過我用 W3C 的 CSS Validator 有過說 @@ |
|
| 發表人: | 訪客 [ 2004-11-11, 05:53 ] |
| 文章主題 : | |
sanopup 寫: 啊, 不對嗎? 果然還是太久沒碰了...
不過我用 W3C 的 CSS Validator 有過說 @@ 前面說的方法都是「合法的」，只是得到的「效果」不同。 |
|
| 發表人: | coolcd [ 2004-11-11, 06:11 ] |
| 文章主題 : | |
MilchFlasche 寫: 哈！Moztw.org事業越做越大，隨著Firefox 1.0的推出，用戶有增無已，「被迫」開始關心W3C標準的用戶以及作者也面臨全新的局面，搞不好以後還得開個「W3C與CSS疑難雜症兼教學區」咧
不就在這裡了嗎? :wink 可能在下面被大家遺忘了 隨著人愈來愈多 主題分區討論的觀念是很重要的 否則以後資料會很亂 |
|
| 發表人: | 訪客 [ 2004-11-11, 08:09 ] |
| 文章主題 : | |
使用<table align="center">是符合HTML4.01或XHTML1.0 Transitional的。 不過我想把它改做XHTML1.0 Strict(甚至1.1)，有些地方不知道應怎樣修改 |
|
| 發表人: | sanopup [ 2004-11-11, 09:09 ] |
| 文章主題 : | |
hemiola 寫: 前面說的方法都是「合法的」，只是得到的「效果」不同。
不懂... 效果不都是把字 centre 嗎? XHTML 我當初只有看到 transitional, 要 strict 的話我就不清楚了。應該還是用 CSS 吧? |
|
| 發表人: | 訪客 [ 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 |
|
| 發表人: | 訪客 [ 2004-11-11, 16:58 ] |
| 文章主題 : | |
sanopup 寫: hemiola 寫: 前面說的方法都是「合法的」，只是得到的「效果」不同。 不懂... 效果不都是把字 centre 嗎? XHTML 我當初只有看到 transitional, 要 strict 的話我就不清楚了。應該還是用 CSS 吧? text-align: center; 是把「字」置中。 margin-left:auto; margin-right:auto; 是把「表格」置中。 |
|
| 發表人: | dken [ 2004-11-11, 18:24 ] |
| 文章主題 : | |
對於 css 而言， margin: 0px auto; 這個是針對 block model 的，所以不只是表格，只要是一個 block 就能有置中的效果。 
|
|
| 發表人: | 訪客 [ 2004-11-12, 00:09 ] |
| 文章主題 : | |
實在多謝各位不吝嗇寶貴知識 但今次輪到IE不懂得把table置中了 
|
|
| 發表人: | 訪客 [ 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 檔案。 |
|
| 發表人: | dken [ 2004-11-12, 00:24 ] |
| 文章主題 : | |
Anonymous 寫: 實在多謝各位不吝嗇寶貴知識
但今次輪到IE不懂得把table置中了 忘了說，IE 不支援 margin: 0px auto; 這個語法....
|
|
| 第 1 頁 (共 2 頁) | 所有顯示的時間為 UTC + 8 小時 |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|