2013-08-10 34 views
5

Người dùng có thể nhập văn bản theo một dạng cụ thể của tôi và tôi muốn hiển thị văn bản đó ở định dạng bảng. Nhưng đôi khi người dùng nhập các dòng thực sự dài mà không có dấu cách. Vì vậy, văn bản buộc bảng quá rộng.Tạo một dòng ký tự dài bọc trong HTML

Tôi có thể giới hạn thành phần td để có một max-width, nhưng sau đó văn bản tiếp tục chảy qua các ô khác. Sau đó tôi có thể đặt overflow: hidden và văn bản chỉ bị cắt: enter image description here

Nhưng tôi cần có khả năng đọc tất cả. Có cách nào để bọc một dòng văn bản dài trong một bảng ngay cả khi văn bản không có khoảng trống không?

+1

Bạn có thể sử dụng [ 'word-break: bứt phá word; '] (http://www.w3.org/TR/css3-text/#word-break) – Adrift

+0

văn bản bọc văn bản css: http://www.w3schools.com/cssref/css3_pr_text-wrap.asp – Bnjmn

+0

@Bnjmn - 'text-wrap' không hỗ trợ trình duyệt! –

Trả lời

14

Hãy thử này thêm vào tập tin CSS của bạn trên phần tử đòi hỏi nó:

word-wrap:break-word; 

Đây là nó trong hành động:

Working example

+0

chính xác những gì tôi đang tìm kiếm! –

+0

@Dave những gì nếu tôi muốn bọc trên không gian và một số nhân vật đặc biệt khác mà không vi phạm từ – Varun

+0

đó là tuyệt vời. Làm việc cho tôi. –

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