2017-04-03 15 views
7

Tôi có đánh dấu HTML với đoạn văn bản trong phần tử body. Trong biểu định kiểu CSS, tôi đã thêm:Safari 10.1 - căn chỉnh văn bản: biện minh cho văn bản nằm ngoài biên giới bằng ngôn ngữ RTL

body { 
    text-align: justify; 
    color: black; 
    background-color: white; 
    font-size: 23; 

    letter-spacing:0.05pt; 
    line-height: 125%; 
    font-size: 1.25em; 
    margin: 0.00em 20em; 
    text-indent: 0em; 
    font-weight: normal; 
    font-style: normal; 
    direction: rtl; 
} 

Khi tôi tải nó trong Safari 10.1, văn bản nằm ngoài biên giới thân máy. Nhưng đánh dấu tương tự trong phiên bản Safari cũ hơn (10.0) hoạt động tốt và trong Chrome 56.0.2924.87 (x86_64).

Làm cách nào để khắc phục đánh dấu và kiểu để làm việc này trong Safari mới?

+0

Bạn có thể cụ thể hơn không? Điều này có vẻ ổn với tôi ngoại trừ trong một khung nhìn hẹp, nhưng đó là vì '20'' bên trái và bên phải' lề' của bạn. http://codepen.io/anon/pen/xdxYVW –

+0

Có lẽ bạn chỉ cần đặt một loại chiều rộng tương đối khác trên 'body' và sử dụng trái/phải' lề: auto' để căn giữa nó? http://codepen.io/anon/pen/KmKQMg –

+0

Sự cố này tồn tại đối với các ngôn ngữ từ phải sang trái như tiếng Ả Rập – Multithreader

Trả lời

4

chính thức là lỗi safari 10.1. bạn có thể xếp hạng bài đăng này trên các cộng đồng táo có thể họ sửa chữa nó sớm hơn. safari 10.1 text-align: justify Bug

+2

OP hỏi một câu hỏi cho một giải pháp và không phải là lỗi ông thực sự mở ra ... Một giải pháp có thể hoặc một hack là những gì ông cần – OhadM

+0

Tôi không nghĩ rằng có một hack, @OhadM. Tôi cũng đã nghiên cứu vấn đề này. Không có sửa chữa trong tầm nhìn. Ngoài ra, hãy xem http://stackoverflow.com/questions/43184042/ios-10-3-safari-text-alignjustify-bug-for-persian-arabic-content – Mary

+0

Đây là lý do tại sao có tiền thưởng :) – OhadM

Các vấn đề liên quan