Làm cách nào để MS Outlook chấp nhận hiển thị kiểu CSS: chặn?

Question

Tôi đang soạn email HTML bằng dịch vụ (MailChimp). Cách mà MailChimp đánh dấu tiêu đề là sử dụng thẻ SPAN và cung cấp thẻ kiểu nội tuyến là display:block.

MS Outlook 2010 bỏ qua kiểu này. Tôi không thể tìm thấy bất kỳ công việc nào. Vì vậy, tiêu đề bọc, phá vỡ màn hình trang mong muốn.

Vâng, tôi biết rằng Outlook sử dụng MS Word để hiển thị HTML.

Giả sử rằng tôi không thể can thiệp và chỉnh sửa đánh dấu.

Làm cách nào để MS Outlook chấp nhận kiểu CSS display:block và hiển thị thẻ SPAN làm yếu tố cấp khối?

Answer 1

Thuộc tính CSS display không được hỗ trợ trong phiên bản MS Outlook này.

Dưới đây là "The Book" vào những gì bạn có thể và không thể sử dụng:

campaignmonitor.com/css/

Về cơ bản, nếu bạn không thể thay đổi của bạn đánh dấu lên đến một mục -block natively, bạn bị mắc kẹt.

Answer 2

Điều tốt nhất là làm điều đó theo cách thời trang cũ thật không may. = [Sử dụng bảng trên bảng. vì vậy bảng = khối.

Answer 3

Tôi tìm thấy chính mình trong tình huống chính xác này: cần tạo kiểu tiêu đề được hiển thị chính xác trong triển vọng mà không có khả năng chỉnh sửa HTML vì tôi đang giao mẫu cho khách hàng.

Tôi tưởng tượng bạn đã giải quyết điều này, nhưng để bất kỳ ai khác đã dành nhiều giờ cố gắng để trả lời câu hỏi này và tình cờ qua thread này, dưới đây là cách tôi cố định nó:

1. Xóa Mailchimp của mặc định H1, H2 vv

2. Tạo phong cách tiêu đề của riêng bạn (tôi đặt tên cho chúng header, Sub-header vv chỉ để tránh nhầm lẫn)

3. Sử dụng kiểu tiêu đề mới như bạn muốn. Các tiêu đề mới hiển thị dưới dạng các khối.

Tôi không chắc chắn chính xác những gì đang xảy ra dưới mui xe như tôi không thể kiểm tra trong Outlook, nhưng tôi đoán là bằng cách không sử dụng kiểu mặc định hoặc Mailchimp kết thúc tốt đẹp các văn bản tiêu đề trong các div thay vì nhịp .