Мне нужно создать отзывчивое электронное письмо с основой основания, где цвет идет по всей ширине (например, пример оболочки) и текст центрирован (например, пример контейнера). Я застреваю, потому что, если я использую класс оболочки, текст летел влево, и я не могу центрировать текст. Если я использую контейнер, я не могу заставить цвет идти по полной ширине, но текст центрирован. Существует около 10 строк, и каждая строка имеет другой цвет.Wrapper и container do different layout
С обертке:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Title</title>
<link rel="stylesheet" href="css/foundation-emails.css" />
</head>
<body>
<table align="center" class="wrapper">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<th class="small-12 large-12 columns first last" style="background-color: red;">
<table>
<tr>
<th>This is a column. Columns contain your content.</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
с контейнером Container Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Title</title>
<link rel="stylesheet" href="css/foundation-emails.css" />
</head>
<body>
<table align="center" class="container">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<th class="small-12 large-12 columns first last" style="background-color: red;">
<table>
<tr>
<th>This is a column. Columns contain your content.</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
обещания, что вы потеряете свою работу, если доброволец не мчится, чтобы помочь вам эмоциональный шантаж худших, и совершенно неприемлемо здесь. Я рассмотрел это прошение [в этом мета-ответе] (http://meta.stackoverflow.com/a/326576/472495). – halfer