黑族論壇

黑族論壇

黑族論壇目錄 / 程式設計 / 網頁/網站程式 / CSS /

div 裡的 table 在 Firefox 無法置中問題

發表新主題
隨機主題
上個主題
下個主題
|
div 裡的 table 在 Firefox 無法置中問題

問題:

平常用 div 來作置中的動作,像這樣 <div style="text-align:center;">ABC</div>,今日才突然發現,放在 div 裡的 div 及 table 於 Firefox 瀏覽器中都不受 CSS:text-align 的控制,但在 IE 中都是正常的,唯有把 div 加上 <div align="center"> Firefox 才會接受,如此又變得不符合 W3C 。

解決:

在 Firefox 中 text-align 是控制文字的, div table 那些的位置不受這控制,除了舊式 table 方式的排版外,用 block 級元素來排版就一定要將重要 ( 不可變 ) 的欄位指定寬度,搭配 margin 讓 margin 左右交給瀏覽器自動調整。

<div style="text-align: center">
<table style="margin:0 auto;width:300px;">
<tr><td>ABC</tr></td>
</table>
<div>

  • 關鍵字 : table, align, style, margin, center, Firefox, 重要, 變得不符合, 解決, 舊式, 發現, 瀏覽器中, 正常, 方式, 搭配, 控制文字, 控制, 排版外, 才會, 平常用
0 0
2009-10-26T09:46:45+0000


  • 當您未登入黑族時,可以利用臉書 Facebook 登入來發表迴響。若使用黑族會員身份發表迴響則可獲得經驗值及虛擬金幣,用來參加黑族推出的活動。
發表迴響
驗證字串
留言