Bạn có thể hiển thị Gmail trên trình duyệt của mình trong "Chế độ xem chuẩn" hoặc "Chế độ xem HTML cơ bản". Tùy thuộc vào việc trình duyệt của bạn có hoạt động với Gmail hay không, bạn có thể thấy chế độ xem này hoặc chế độ xem khác. có thể hiển thị Gmail trên trình duyệt của mình trong "Chế độ xem chuẩn" hoặc "Chế độ xem HTML cơ bản". Tùy thuộc vào việc trình duyệt của bạn có hoạt động với Gmail hay không, bạn có thể thấy chế độ xem này hoặc chế độ xem khác. Nếu bạn đang dùng một trình duyệt hoạt động với Gmail, thì bạn sẽ thấy Gmail ở Chế độ xem chuẩn. Khi bạn đang ở Chế độ xem chuẩn, bạn có thể sử dụng tất cả tính năng của Gmail. Nếu đang dùng một trình duyệt không được hỗ trợ thì bạn sẽ thấy Gmail ở chế độ xem HTML. Khi đang ở chế độ xem HTML cơ bản, bạn sẽ không thấy một số tính năng sau đây của Gmail: Để có được các tính năng này, hãy dùng một trình duyệt hoạt động với Gmail. Thông tin này có hữu ích không? Chúng tôi có thể cải thiện trang này bằng cách nào?Chế độ xem chuẩn
Chế độ xem HTML cơ bản
Chuyển chế độ xem
Version history
14 November 2017
Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties.
Also added iOS 11 Mail to the guide, with no noticeable differences from iOS 10.
22 September 2017
Microsoft updated the Outlook apps for iOS and Android with more consistent CSS support, including media queries.
13 September 2017
A complete rewrite and redesign of the guide, testing 278 different CSS properties and features across 35 email clients.
To accommodate the huge increase in content, we’ve added search functionality and the ability to link directly to individual the email clients and properties for easy sharing. Discuss this on our blog.
Discuss this on our blog.
2 May 2014
Removed support for various selector options [E] in Gmail and added support for direction
, vertical-align
and list-style-type
in Outlook ’07/’10/’13.
19 September 2013
Added support for @font-face
, @media
and HTML 5 media tags in email clients, as well as email-relevant CSS properties. We re-tested all webmail clients and the latest versions of existing clients.
30 January 2013
Outlook.com no longer supports the margin CSS property, including margin-top
, margin-right
, margin-bottom
and margin-left
. float
support has also been dropped.
1 February 2012
vertical-align
0 is now supported in Gmail.
10 December 2010
Updated to reflect vertical-align
1 support in Outlook.com.
22 April 2010
Updated the guide with the results of our CSS3 email client tests. 21 new properties were added, with varying levels of support observed across the popular email clients. Notably, Webkit clients were big winners, including Apple Mail, iPhone Mail and soon, the iPad. At this stage, CSS3 is recommended for decorative purposes in email [such as adding vertical-align
2], due to poor support for layout and box-model properties. Discuss this on our blog.
Discuss this on our blog.
6 August 2009
A complete rewrite of the guide that included 7 new mobile email clients and a focus on the most popular email clients. The web-based version of the guide now features the 10 most popular email clients, while the PDF guide includes all 23 email clients tested. Discuss this on our blog.
Discuss this on
our blog.
11 June 2008
We increased the number of clients we tested, 21 in total now. Gmail and Outlook 2007 continue to be our primary focus since CSS support continues to be limited.
Positive signs from Microsoft though, Entourage 2008 was released with significantly better CSS support. Discuss this on the blog
Discuss this on the blog
19 April 2007
Outlook 2007 was released with less CSS support than Outlook 2003. A major step back for HTML email design.
New Yahoo! mail was released with better support for CSS, a positive sign to say the least! Windows Live Mail replaced Hotmail and mixed some CSS support in the process. Read the report
Read the report
30 March 2006
This was our original test. We added Windows Live Mail for the first time and ran through tests on Outlook 2003, AOL 9, Lotus Notes and Eudora. Read the report
Read the report
Chuyển đến nội dung chính
Trình duyệt này không còn được hỗ trợ nữa.
Hãy nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, bản cập nhật bảo mật và hỗ trợ kỹ thuật.
- Bài viết
- 01/26/2022
- 2 phút để đọc
Trong bài viết này
Use HTML tags to format your description so it's more engaging. Most tags require both an opening and closing component, as shown in this table.
Bold | vertical-align 3 | vertical-align 4Examplevertical-align 5: Free trial | Example: Free trial : Free trial |
Italics | vertical-align 6 | Select the vertical-align 7firstvertical-align 8 row. | Select the first row. |
New line | vertical-align 9 | This is my first line.vertical-align 9This is my second line. | This is my first line.This is my second line. This is my second line. |
Đoạn văn | list-style-type 1 | list-style-type 2 Đây là đoạn đầu tiên của tôi .________ 23____22 Đây là đoạn thứ hai của tôi .________ 23list-style-type 2This is my second paragraph.list-style-type 3
| Đây là đoạn đầu tiên của tôi. Đây là đoạn thứ hai của tôi. |
Đạn | list-style-type 6 | list-style-type 7list-style-type 8Your Bullet Item ____29list-style-type 8Your Bullet Item ____29______list-style-type 8Your bullet itemlist-style-type 9list-style-type 8Your bullet itemlist-style-type 9list-style-type 8Your bullet itemlist-style-type 9@font-face 4
| • Vật phẩm đạn của bạn • Vật phẩm đạn của bạn • Vật phẩm viên đạn của bạn • Your bullet item • Your bullet item |
Đánh số | @font-face 5 | @font-face 6______28list-style-type 8Your numbered itemlist-style-type 9list-style-type 8Your numbered itemlist-style-type 9list-style-type 8Your numbered itemlist-style-type 9@media 3
| 1. Mục được đánh số của bạn2. Mục được đánh số của bạn. Mục được đánh số của bạn 2. Your numbered item 3. Your numbered item |
Dòng mới không có số mới [hoặc viên đạn] | @media 4 | @font-face 6list-style-type 8ADD Văn bản tại đây ____29list-style-type 8ADD Văn bản tại đây ____ văn bản tại đâylist-style-type 8add text herelist-style-type 9list-style-type 8add text herevertical-align 9add text herelist-style-type 9@media 3
| 1. Thêm văn bản tại đây2. Thêm văn bản tại đây & nbsp; & nbsp; & nbsp; & nbsp; thêm văn bản tại đây 2. add text here add text here |
Đoạn mới không có số mới [hoặc viên đạn] | @media 4 | @font-face 6list-style-type 8ADD Văn bản tại đây ____29list-style-type 8ADD Văn bản tại đây ____ văn bản tại đâylist-style-type 8add text herelist-style-type 9list-style-type 8add text heremargin-top 7add text herelist-style-type 9@media 3
| 1. Thêm văn bản tại đây2. Thêm văn bản tại đây & nbsp; & nbsp; & nbsp; & nbsp; thêm văn bản tại đây 2. add text here Đoạn mới không có số mới [hoặc viên đạn] |
@font-face 6list-style-type 8ADD Văn bản tại đây ____29list-style-type 8ADD Văn bản tại đây ____57ADD Văn bản tại đây ____29@media 3 | 1. Thêm văn bản tại đây2. Thêm văn bản ở đây | & nbsp; & nbsp; & nbsp; & nbsp; thêm văn bản tại đâymargin-right 2This is heading 2margin-right 3margin-right 6This is heading 3margin-right 7
|
Sử dụng các tiêu đề
margin-right
0, tối đa margin-right
1