2012-09-23 13 views
16

-webkit-padding-start: 40px; dành cho Chrome-webkit-padding-start: 40px; Điều gì cần cho IE và Firefox?

nó là gì cho IEFirefox?

+3

Bạn có biết Google không? kiểm tra [link] này (https://developer.mozilla.org/en-US/docs/CSS/-moz-padding-start) –

+3

@please cố gắng tôn trọng mọi người nếu bạn muốn mọi người tôn trọng bạn, với tư cách là người dùng stackoverflow và literate trong tiếng anh, tôi hiểu các điều khoản đăng câu hỏi, và tôi đã cố gắng tìm kiếm trong google, có thể do từ khóa sai hoặc tôi thất bại trong việc tìm câu trả lời trong cả google và stackoverflow, cảm ơn bạn đã đặt câu hỏi và hy vọng tôi trả lời bạn –

+0

@venkateshwar cảm ơn, điều gì về ie? microsoft không phải là hữu ích –

Trả lời

13

Đối với Firefox, tên thuộc tính là -moz-padding-start. Đối với IE, không có đối tác (cho đến nay).

Bạn có thể đạt được hiệu ứng tương tự bằng cách sử dụng các tính năng CSS được hỗ trợ rộng rãi ít nhất trong một trường hợp đơn giản, toàn bộ trang hoặc từ trái sang phải hoặc trong bố cục từ phải sang trái. Sử dụng <html dir=ltr> hoặc <html dir=rtl>, tương ứng, bạn có thể viết mã CSS của bạn như thế này:

[dir=ltr] .foo { 
    padding-left: 2.5em; 
} 
[dir=rtl] .foo { 
    padding-right: 2.5em; 
} 

này sẽ tương ứng với .foo { padding-start: 2.5em; }. Tất nhiên, cách tiếp cận này có nghĩa là một số trùng lặp mã. Nhưng nó hoạt động trên gần như 100% (bao gồm IE 7 và mới hơn trong Chế độ Standad).

10
-moz-padding-start: 40px; 
-webkit-padding-start: 40px; 
-khtml-padding-start: 40px; 
-o-padding-start: 40px; 
padding-start: 40px; 
padding: 40px; 

Tôi không tin rằng IE có tương đương padding-start.

+1

okay, hoạt động tốt, chỉ cần đệm :) cảm ơn –