Forum

Heyxu Forum

Forum Dictionary / Programming / 網頁/網站程式 / CSS /

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

New Subject
Random
Previous
Next
|
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>

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


  • Now, you can post comments by Facebook Account when your Heyxu account was logout or unvariable. whatever, we suggest to post comment by Heyxu Account to get more bounds to join new events of Heyxu
Comment
Verify
Comment
  • Auto Platform
    For better browsing experience, it will auto detects your device to display webpage.
  • Bug Report
    Tell us about the idea, problem and errors you found.
  • Copyright
    © 2009 Heyxu Multimedia, Inc - All rights reserved.
  • Revised Version
    V2.1.341
    12 Apr 2019 (GMT+8)