CSS ネストされたテーブルの中央揃え問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

常識によれば、親テーブルの tr または td に text-align:center を設定して中央に配置するだけです。ただし、VS デザイナーでは中心にありますが、ブラウザでは中心にありません。 ffで中央揃えにならないのは分かりますが、IEでも中央揃えにならないだけでも不可解です。

<tr style="text-align:center">                <td>                    <table style="border-collapse:collapse">                        <tr style="text-align:center;">                            <td style="border:solid #000 1px">单位工程数量</td>                            <td style="border:solid #000 1px">总建筑面积</td>                            <td style="border:solid #000 1px">单价（元/平）</td>                            <td style="border:solid #000 1px">小计</td>                        </tr>                        <tr>                            <td style="border:solid #000 1px"><input id="txt_UnitNum" type="text" class="txtInTab" runat="server" style="text-align:center; background-color: #e6eae9;"/></td>                            <td style="border:solid #000 1px"><input id="txt_AreaNum" type="text" class="txtInTab"  runat="server" style="text-align:center; background-color: #e6eae9;"/></td>                            <td style="border:solid #000 1px"><input id="txt_UnitPrice" type="text" class="txtInTab" runat="server" style="text-align:center; background-color: #e6eae9"/></td>                            <td style="border:solid #000 1px"><input id="txt_Total" type="text" class="txtInTab" readonly="readonly" runat="server" style="text-align:center; background-color: #e6eae9"/></td>                        </tr>                        <tr>                            <td style="text-align:center;border:solid #000 1px">合计</td>                            <td colspan='2' style="border:solid #000 1px;">大写：<input id="txt_Cap" type="text" class="txtInTab" readonly="readonly" runat="server" style="width: 255px; background-color: #e6eae9" /></td>                            <td style="border:solid #000 1px"><input id="Text9" type="text" class="txtInTab" readonly="readonly" runat="server" style="background-color: #e6eae9"/></td>                        </tr>                    </table>                </td>            </tr>

ログイン後にコピー

親要素から継承されていると言われたら、親要素には何も書かれていません
外側のテーブルにはもう 1 文

style="margin-left:auto; margin-right:auto"

ログイン後にコピー

があるだけです
本体は言うまでもありません。背景色と前景色のみが設定されていますが、内部のテーブルを中央に配置できません。分析を手伝ってください~ありがとう

ディスカッション (解決策) に返信

オンラインで解決してください!ちょっとした提案でも構いません~

tr に center を追加しないでください

td style="text-align:center" に追加してください

td style="text-align:center" に追加してください効果は同じ。以前試してみました

最外層は div です

これで中央揃えになります

えー

スタイル text-align:center をサブテーブルに追加するだけです

常識的には...
常識に基づいてはいけません

試してみてください

单位工程数	总建設面积	单价（元/平）	小计

合计	大写：

和

不一样、不信你可试试

-テーブルで十分です。
以前は中央揃えにできなかった理由は、おそらく text-align がブロックレベルの要素に作用できないためであり、テーブルでは機能しません。

内部では、display:inline-table; を使用するだけです。

以前に中央揃えにできなかった理由は、おそらく text-align がブロックで機能しないためです...わかりました、ありがとう