2017-07-11 54 views
-4

我要插入一个HTML表格中的电子邮件模板是这样的:HTML表格在Outlook模板

___________________________________________ 
|   |    |    | 
|   |    |    | 
|___________|    |_______________| 
|   |    |    | 
|   |    |    | 
|___________|_____________|_______________| 

我不能弄明白......

<h2>Cell that spans two columns:</h2> 
<table style="width:100%"> 
    <tr> 
    <th>Name</th> 
    <th colspan="2">Telephone</th> 
    </tr> 
    <tr> 
    <td>Bill Gates</td> 
    <td>55577854</td> 
    <td>55577855</td> 
    </tr> 
</table> 
+2

哪里是你的代码? –

+0

可以给你制作该表的代码,但是,它会希望看到你先试过的东西。 – Xariez

+0

https://www.w3schools.com/html/html_tables.asp –

回答

3

使用预先存在的行跨度和HTML的colspan,可能是这样的?

td { 
 
    border: 1px solid gray; 
 
    min-width: 150px; 
 
    text-align: center; 
 
}
<table> 
 
\t <tr> 
 
\t \t <!-- Block 1 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t \t <!-- Block 2 --> 
 
\t \t <td colspan="4" rowspan="6">Data Goes Here</td> 
 
    <!-- Block 3 --> 
 
    <td colspan="4">Data Goes Here</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <!-- Block 1 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t \t <!-- Block 2 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <!-- Block 1 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t \t <!-- Block 2 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <!-- Block 1 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t \t <!-- Block 2 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <!-- Block 1 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t \t <!-- Block 2 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <!-- Block 1 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t \t <!-- Block 2 --> 
 
\t \t <td colspan="4">Data Goes Here</td> 
 
\t </tr> 
 
</table>

+0

谢谢!这是我想要的。 – wittman

+1

不用担心!如果确实是你想要的,请将其标记为答案,以便人们看到它已经解决了! :) @wittman – Xariez