日期:2014-05-17  浏览次数:20545 次

CSS 嵌套table 居中问题
按常理来说,只要在父table的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>
      &nbs