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:



    
        
                ID
                Content
                Date
            td>
                td>
                td>
                
Example ContentExample

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

//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:


double-beep

4.62613 Huy hiệu vàng32 Huy hiệu bạc41 Huy hiệu đồng13 gold badges32 silver badges41 bronze badges

Đã trả lời ngày 22 tháng 3 năm 2019 lúc 16:28Mar 22, 2019 at 16:28

assayag.orgassayag.orgassayag.org

5949 Huy hiệu bạc22 Huy hiệu Đồng9 silver badges22 bronze badges

Thêm phong cách:

td
{
    border: solid 1px #000000;
    padding: 5px;
}
th
{
    border: solid 1px #000000;
    padding: 5px;
}
/* @media print
{
    table
    {
        page-break-after: always;
    }
}*/

Cung cấp phong cách cho TR:

style="page-break-inside: avoid;"

Đã trả lời ngày 17 tháng 10 năm 2013 lúc 7:11Oct 17, 2013 at 7:11

Đây là câu trả lời:


                    ID
                    Content
                    Date

                
Example Contentd Example

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

1

Bài Viết Liên Quan

Chủ Đề