Question

我现在已经困惑了好几个小时了;试图让桌子完全居中，没有边框。似乎由于某种原因，表格在添加边框时居中，即-table.backColor {border：1px solid;}而不是透明......

任何帮助都将非常感激。

我一直在使用的CSS是：

   body {margin: 0;
   }

   td.backColorContent {
          width: 800px; 
          border-right-width: 1px; 
          border-right-style: solid;
          border-right-color: #cbe775;          
          border-left-width: 1px; 
          border-left-style: solid;
          border-left-color: #cbe775;            
          }
   td.backColorSide {
          background-color: #f9ffe7;
          vertical-align:top;
          }


   table.backColor {
                                        position: fixed; 
                                        top: 0px; 
                                        margin-left:auto; 
                                        margin-right:auto; 
                                        width: 100%; 
                                        height: 6000px; 
                                        z-index: -2; 
                                        border-collapse: collapse;
                                        border: 1px transparent;
          }

表的HTML是：

<table class="backColor">
 <tr>
  <td class="backColorSide">

  </td>
  <td class="backColorContent">

  </td>
  <td class="backColorSide">

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

我正在使用的示例的链接在这里：http://www.nybblemouse.com/external/test2.html

Answer 1

您需要重新构建标记并以这种方式应用样式：

My Fiddle

添加边框时，表格居中会发生变化吗？

1 个答案: