text-align center在内联块html表中不起作用

概述我正在制作 HTML电子邮件,并决定为每个导航元素使用表格.我需要内联显示表格.我用display：inline-block;在桌子上创造所需的结果, 但是表格中的TEXT不会对齐.我放置了text-align：center;在表,td和标签中,但它没有工作. 我知道该方法适用于div,但我找不到表的解决方案. HTML <table width="100%" border="0" cellspa 我正在制作 HTML电子邮件,并决定为每个导航元素使用表格.我需要内联显示表格.我用display：inline-block;在桌子上创造所需的结果,
但是表格中的TEXT不会对齐.我放置了text-align：center;在表,td和标签中,但它没有工作.

我知道该方法适用于div,但我找不到表的解决方案.

HTML

<table wIDth="100%" border="0" cellspacing="0" cellpadding="0"><tr>    <td align="right" valign="top">        <table  wIDth="130" height="35" border="0" cellspacing="0" cellpadding="0" bgcolor="#999966" >            <tr>                <td align="center"> <a href="#" >     option 1     </a>                </td>            </tr>        </table>        <table  wIDth="130" height="35" border="0" cellspacing="0" cellpadding="0" bgcolor="#999966">            <tr>                <td align="center" > <a href="#" >     option 2                    </a>                </td>            </tr>        </table>        <table  wIDth="130" height="35" border="0" cellspacing="0" cellpadding="0" bgcolor="#999966">            <tr>                <td align="center"> <a href="#" >     option 3     </a>                </td>            </tr>        </table>    </td></tr>

CSS

.navInline {display:inline-block;vertical-align:top;text-align: center !important; }

这是不工作的代码

http://jsfiddle.net/nathanaric/pf35h/9/

解决方法 您需要在表格单元格上设置wIDth属性.

例：

<table  wIDth="130" height="35" border="0" cellspacing="0" cellpadding="0" bgcolor="#999966" >  <tr>    <td align="center" wIDth="130"><a href="#" >option 1</a></td>  </tr>

总结

以上是内存溢出为你收集整理的text-align center在内联块html表中不起作用全部内容，希望文章能够帮你解决text-align center在内联块html表中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。