Safari 和 Firefox 中的嵌套表 css，适用于 IE9答案

【问题标题】：Nested tables css in Safari and Firefox, works in IE9Safari 和 Firefox 中的嵌套表 css，适用于 IE9
【发布时间】：2012-09-26 01:31:41
【问题描述】：

您好，我有许多表格嵌套在一个表格中，它在所有浏览器中都运行良好，但是当我旋转文本时，宽度比例在 Safari 和 FireFox 中不起作用，它在 IE9 中运行良好，我也注意到如果我一个单词的宽度增加了！！

风格如下：

.V-text
{
    padding: 0px;
    color: #333; /*  border: 0px solid red;*/
    /*writing-mode: tb-rl;*/
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
    display: inline-table;
    font-weight: normal; /* vertical-align: bottom; bottom: 0; text-align: center;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

这是表格的一部分：

         <table width="920px" border="0" >
            <tr>
                <td>
                      <table width="50px">
                        <tr style="height: 105px" valign="middle">
                            <td align="center" class="t-border" width="15px">
                                <div class="V-text">
                                    text</div>
                            </td>
                            <td align="center" class="t-noborder" width="15px">
                                <div class="V-text">
                                    text</div>
                            </td>
                        </tr>
                    </table>

                            </td>
                        </tr>
                    </table>

其他没有轮换的表格效果很好。我试过 style="table-layout:fixed" 没用，不胜感激。

【问题讨论】：

标签： css safari

【解决方案1】：

花了两天时间，我发现最好的解决方案是使用图像作为表格的垂直部分，而不是尝试针对不同的浏览器进行修复。

【讨论】：