Question

如何将所有子表居中放在主父表的中间？在标题之间的每个标题与10px边距或填充之间添加此蓝色条的最佳方法是什么？

＆＃13;

number = str(input("enter large number:"))
result = 0

for i in number:
    result = result + int(i)
print("result is:",result)

＆＃13;

Answer 1

您可以在较小的表周围添加父表，为其指定宽度并使其居中。如果需要，您可以为表格提供宽度（在这种情况下，所有子表的总数）width="285"或者没有宽度，可以使用。请尝试以下代码：

＆＃13;

<table width="600" border="1" cellpadding="10" cellspacing="0" align="center">
  <tr>
    <td>
      <table border="0" cellpadding="10" cellspacing="0" align="center">
        <tr>
          <td>
            
            <table border="0" align="left" cellpadding="0" cellspacing="0" class="content">
        <tr>
          <td style="color: #007cb0;font-weight: bold; text-align: center; font-size: 12px;">headline one
            <br />headline</td>
          <td width="30" align="center"><img src="http://via.placeholder.com/3x30/007cb0" /></td>
        </tr>
      </table>
      <table border="0" align="left" cellpadding="0" cellspacing="0" class="content">
        <tr>
          <td style="color: #007cb0;font-weight: bold; text-align: center; font-size: 12px;">headline two
            <br />headline</td>
          <td width="30" align="center"><img src="http://via.placeholder.com/3x30/007cb0" /></td>
        </tr>
      </table>
      <table border="0" align="left" cellpadding="0" cellspacing="0" class="content">
        <tr>
          <td style="color: #007cb0;font-weight: bold; text-align: center; font-size: 12px;">headline three
            <br />headline</td>
        </tr>
      </table>

          </td>
        </tr>
      </table>
      
    </td>
  </tr>
</table>

＆＃13;

在我这样做之后我注意到的一件事是，如果你让模板响应，你不必担心菜单，因为它会自动叠加。

希望这就是你要找的东西。

Answer 2

＆＃13;

td {
  border-right: 4px solid #007cb0;
}

td:last-child {
  border: none;
}

＆＃13;

<table width="600" border="0" cellpadding="10" cellspacing="0" align="center">
  <tr>
  
<td style="color: #007cb0;font-weight: bold; text-align: center; font-size: 12px;">headline one<br />headline</td>
 
 <td style="color: #007cb0;font-weight: bold; text-align: center; font-size: 12px;">headline two<br />headline</td>


<td style="color: #007cb0;font-weight: bold; text-align: center; font-size: 12px;">headline three<br />headline</td>
  </tr>

</table>

＆＃13;

html电子邮件中的中心嵌套表

2 个答案: