Hướng dẫn break line in table html - ngắt dòng trong bảng html

Làm thế nào tôi có thể ngăn bàn của tôi tăng chiều rộng mỗi khi tôi chèn bình luận loooong?

Tôi đã làm một ví dụ đơn giản:

    
        td>
                td>
                td>
                

            

                
ID
                
Content
                
Date
            
            

                
Example
 Content
Example

            
        
    

Khi tôi tăng từ "nội dung", chiều rộng bảng đang tăng lên .. Làm thế nào tôi có thể dừng việc này và chèn một đường ngắt?

Đã hỏi ngày 5 tháng 1 năm 2013 lúc 21:25Jan 5, 2013 at 21:25

0

Bạn có thể làm điều này bằng cách đặt một chiều rộng cho bảng và bạn cũng có thể sử dụng

word-wrap:break-word;

Để ngăn chặn những từ thực sự dài để thoát ra khỏi ranh giới.

Chiều rộng được đặt tốt nhất trong CSS:

Chỉnh sửa: Bao gồm

table-layout:fixed;

Thử nghiệm

http://jsbin.com/atonut/1/edit

table {
width:500px;
table-layout:fixed;
}


td {
word-wrap:break-word;
}

Nếu vấn đề của bạn là rất nhiều văn bản thay vì các từ dài vô cùng, chỉ sử dụng chiều rộng và để lại từ bao nhiêu.Hy vọng điều đó sẽ giúp.

Đã trả lời ngày 5 tháng 1 năm 2013 lúc 21:32Jan 5, 2013 at 21:32

user1721135user1721135user1721135

6.6668 Huy hiệu vàng34 Huy hiệu bạc61 Huy hiệu Đồng8 gold badges34 silver badges61 bronze badges

0

Nghe có vẻ khủng khiếp nhưng bạn nên sử dụng: