디자인/구조의이 종류를 복제하는 것을 시도하십시오 : Notice 테이블의 1 개의 측에 2 개의 상자 및 다른 사람에 1 개 큰 것의 밑에! 어떻게하면이 CSS를 사용하여 달성 할 수 있습니까?CSS 표 요소를 가로로 정렬하는 방법은 무엇입니까?
<body>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="20" cellspacing="0" width="600" id="emailContainer">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="emailHeader">
<tr>
<td align="center" valign="top">
This is where my body content goes.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="emailBody">
<tr>
<td align="center" valign="top">
This is where my body content goes.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="emailFooter">
<tr>
<td align="center" valign="top">
This is where my body content goes.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
어떤 생각?
내 대답 참조! 난 최선을 다 했어! –
플렉스 디자인을 사용하십시오. 그것은 당신이 상당히 적은 코드로 필요한 것을 할 것입니다. – jfeferman
그것이 좋다고 생각하면 내 대답을 수락 할 수 있습니까? –