Question

我正在尝试格式化此HTML，因此它看起来像这样： http://iforce.co.nz/i/tryvopws.4xy.png

我似乎无法做到正确！我可以使顶部工作，但然后其他方面调整为非常小。我希望它看起来像图片。

感谢任何帮助！

<table cellspacing="0" border="0" width="100%">
      <tr class="s4-die">
       <td class="ms-pagebreadcrumb">
       </td>
        <td valign="top" width="100%">
               <WebPartPages:WebPartZone runat="server" FrameType="TitleBarOnly" ID="WebPartZone1" Title="loc:Top" />
               &#160;
        </td>
      </tr>
      <tr>
        <td>
         <table width="100%" cellpadding="0" cellspacing="0" style="padding: 5px 10px 10px 10px;">
          <tr>
           <td valign="top" width="60%">
               <WebPartPages:WebPartZone runat="server" FrameType="TitleBarOnly" ID="Left" Title="loc:Left" />
               &#160;
           </td>
           <td>&#160;</td>
           <td valign="top" width="40%">
               <WebPartPages:WebPartZone runat="server" FrameType="TitleBarOnly" ID="Right" Title="loc:Right" />
               &#160;
           </td>
           <td>&#160;</td>
          </tr>
          <tr>
          <td valign="top" width="60%">
               <WebPartPages:WebPartZone runat="server" FrameType="TitleBarOnly" ID="Left2" Title="loc:Left" />
               &#160;
           </td>
           <td>&#160;</td>
           <td valign="top" width="40%">
               <WebPartPages:WebPartZone runat="server" FrameType="TitleBarOnly" ID="Right2" Title="loc:Right" />
               &#160;
           </td>
           <td>&#160;</td>
          </tr>
         </table>
        </td>
      </tr>
    </table>

Answer 1

你有和额外的列删除

 <td class="ms-pagebreadcrumb">
 </td>

或将其变成行

 <tr class="s4-die">
   <td class="ms-pagebreadcrumb">
   </td>
 </tr>
 <tr class="s4-die">
     <td valign="top" width="100%">

Answer 2

您需要添加colspan="2"的第一行，以便它跨越整个长度，如示例所示。

此外，您不需要在该表中添加另一个表。这导致你的一个td比另一个大，可能看起来很乱。使用colspan，cellspacing和cellpadding，您应该能够完成所需的工作。

html表格格式不正确

2 个答案: