0

こんにちは私は1つのテーブル内にネストされた多数のテーブルを持っています、それはすべてのブラウザでうまく機能します、しかし私がテキストを回転させているとき、幅の比率はSafariとFireFoxでは機能しません、それはIE9でうまく機能します、そして私がもっと持っているかどうかにも気づきましたその幅の1つの単語が増加します！

スタイルは次のとおりです。

.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"が機能しなかったので、提案をいただければ幸いです。

4

1 に答える 1

0

2日間を費やした後、さまざまなブラウザで画像を修正するのではなく、テーブルの垂直部分に画像を使用するのが最善の解決策であることがわかりました。

于 2012-09-25T17:31:41.943 に答える