Question

基本上我正在为html电子邮件的表格布局工作，当较小的列结束时，我的布局中的两列中的较长时间无法扩展。这是基本的标记：

<table>
     <tr>
        <td>
           <table>
                 <tr>
                    <td>
                       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet.</p>
                       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet.</p>
                   </td>
               </tr>
        </table>
     </td>
 <td>
    <table>
          <tr>
              <td>
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet.</p>
              </td>
          </tr>
   </table>

那么，当较小的列不再存在时，我可以如何让其中一列拉伸到100％宽度？我只是试图避免使用一个包含巨大长列的html电子邮件，即使旁边没有其他列也只占用了一半宽度。

Answer 1

好的，首先你在桌子里面有两张桌子...... 这就是表格应该是什么样的

<table>
<tr> Row 1
<td>
Column 1
</td>
<td>
Column 2
</td>
</tr>
</table>

您不应在表格中添加表格，而只需根据需要添加额外的行或列。对于列宽为100％，有两列是没有意义的。那说css就是

<td style="width:100%;">Column with width of 100%</td>

希望能帮到你，请查看w3school教程以获取更多HTML信息！

Answer 2

请考虑使用CSS ..例如这个小提琴http://jsfiddle.net/JDQH8/

<p style="border: 1px solid; float:right; width: 50%;">dsfdsfdsfds afasd </p>
<p> dsdsh fhdiuhf afhda fdsi</p>
<p> ashsdhfjoajifjdi a adsf dfdas  </p>

我添加了边框，以便您可以看到效果

亚当

边栏结束时如何使表格列加宽？

2 个答案: