2017-07-11 90 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