2012-03-01 16 views
5

Tôi có một div quá hẹp để căn chỉnh văn bản: biện minh (khoảng trống quá rộng), nhưng trông không đồng nhất khi đúng hoặc trái hợp lý, bởi vì sau đó có một khoảng cách lớn ở cuối dòng. Trái hợp lý có vẻ tốt nhất, nhưng tôi có thể sử dụng dấu gạch nối, như trong sách không? Sử dụng CSS?Tôi có thể sử dụng CSS để biện minh cho văn bản bằng các từ gạch nối ở cuối dòng không?

Trả lời

9

Bạn có thể sử dụng hyphens: auto miễn là bạn đã khai báo ngôn ngữ nội dung bằng HTML, ví dụ: sử dụng <html lang=en-US>.

Hỗ trợ trình duyệt vẫn còn hạn chế nhưng nhận được tốt hơn, xem http://caniuse.com/css-hyphens

Đối với chất lượng tốt, bạn có thể cần phải tự kiểm soát dấu gạch nối ví dụ bằng cách sử dụng dấu gạch nối mềm (&shy;) bằng các từ có thể được gạch nối sai.

+0

thanks a lot =) –

+0

Kiitos, Jukka !!!! – Rossitten

3

Dấu gạch nối phụ thuộc vào ngôn ngữ; bạn không thể chỉ đặt các ký tự tràn trên dòng tiếp theo và nhận được hiệu ứng tương tự mà bạn làm trong sách. Các quy tắc gạch nối thực sự khá phức tạp (xem http://dictionary2.classic.reference.com/writing/styleguide/division.html) và cách duy nhất để bạn có thể thực hiện đúng (như trong sách) là thủ công hoặc thông qua tập lệnh phía máy khách hoặc phía máy chủ; Tôi khá chắc chắn nó không thể được thực hiện bằng cách sử dụng chỉ css.

Bạn có thể muốn sử dụng cái gì đó như http://code.google.com/p/hyphenator/

+0

Không, tôi biết về quy tắc gạch nối. "Sách" tôi đang đề cập đến là những cuốn sách có văn bản được biện minh và chúng đơn giản là tách các từ và gạch nối nó và dán nó vào dòng tiếp theo, không tuân theo các quy tắc gạch nối. Tôi đã học được các quy tắc của gạch nối ở trường trung học. –

+1

hyphenator hoạt động! nếu nó hỗ trợ ngôn ngữ của bạn. Nhưng nếu bạn có 3 hoặc 4 ngôn ngữ thì tập tin kịch bản sẽ có trọng lượng khoảng 200kb. Ngoài ra còn có phpPyphenator, nó sẽ gạch nối văn bản của bạn trên máy chủ. Tốt hơn nhiều so với tệp javascript. Mặc dù nó không hỗ trợ một số ngôn ngữ –

1

Đối với dấu gạch nối trong html, có những chương trình javascript để thêm những gì cần thiết để văn bản. chẳng hạn như http://code.google.com/p/hyphenator/

Hỗ trợ cho dấu gạch ngang builder brower là không đáng tin cậy và cải thiện hỗ trợ của nó là đáng ngờ.

+0

hoàn hảo, cảm ơn. Tự hỏi nếu bạn có thể làm điều đó với CSS mặc dù. –

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