羊皮纸论坛

羊皮纸论坛

分享让知识传播,阅读让心灵成长, 创作让文化传承,让我们共同努力。
  • 禁止广告文
  • 知识传播
  • 阅读
  • 心灵成长
  • 创作
  • 文化传承
羊皮纸论坛目录 / 程式设计 / 网页/网站程式 / 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 登入来发表回响。若使用羊皮纸会员身份发表回响则可获得经验值及虚拟金币,用来参加羊皮纸推出的活动。
发表回响
 
验证字串

Facebook 粉丝专页

QRCode 条码 & APP 连结

说明
本页网址

在相关服务标签中,『扫描条码,在行动装置』或是『点击连结按钮,在本装置』中开启网页或是 APP 相关操作。
QRCode