Sắp xếp văn bản theo chiều dọc trong giao diện không căn giữa [có hình ảnh]

Question

Tôi hiện đang cố gắng phân loại một số vấn đề với email html hiển thị tốt trong trình duyệt và qua gmail nhưng tiếc là tôi gặp sự cố trong triển vọng sắp xếp thẳng hàng văn bản (nó dính vào phần dưới cùng).

Hình ảnh này cho thấy bạn có gì sai:

<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td> 
</tr> 

<tr> 
    <td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td> 
</tr> 
</table>             
</td> 
</tr> 

<tr> 
    <td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td> 
</tr> 

Bất kỳ ý tưởng làm thế nào để sửa lỗi này?

Answer 1

Thêm valign="middle" và chiều cao đến <td> bạn muốn văn bản theo chiều dọc tập trung vào:

<tr> 
    <td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;"> 
    <a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a> 
    </td> 
</tr> 

Trong email html, luôn luôn sử dụng,

valign="top|middle|bottom" cho sự liên kết dọc và

align="left|center|right" cho ngang căn chỉnh.

Chỉ cần nhớ bạn cần height="" hoặc width="" đặt trên cùng một yếu tố <td>.

Answer 2

Để tôi làm cho nó hoạt động, điều quan trọng là phải chỉ định height và align="center" làm thuộc tính HTML và nhân bản height trong phần tử CSS style.

\t 
 

 
<td colspan="3" align="center" height="80px" width="100%" 
 
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
 
color:#666666; height: 80px; background: #cccccc; 
 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> 
 
      <strong>for internal use</strong> 
 
     </td>

vấn đề sắp được nhìn thấy lần cho tất cả Outlooks Lời dựa (2007-2016).