Làm cho nội dung html không thể phá vỡ (trong một dòng)

Question

Tôi có một dòng được làm bằng input s và span s phải đại diện cho một số điện thoại. Chèn nó vào một bảng với một số cột với nội dung gây dòng để phá vỡ:

Các đầu vào cuối cùng được đẩy vào dòng tiếp theo. Một cách để khắc phục sự cố này có thể được đặt là tdwidth hoặc min-width cố định. Tuy nhiên, vì lợi ích của bất kỳ dự án trong tương lai tôi muốn biết là có một cách để làm cho nội dung html không thể phá vỡ mà không cần chạm vào chiều rộng td. Cảm ơn mọi thông tin.

Answer 1

Thêm CSS này vào td

white-space: nowrap; 

Điều này ngăn cản dòng phá tự động của HTML. Để biết thêm thông tin, hãy xem MDN

Answer 2

thêm

white-space: nowrap; 

để css của bạn

Answer 3

Sử dụng white-space: nowrap nên hoàn thành công việc.