Có cách nào để giữ một chuỗi văn bản trên một dòng, để nếu chiều rộng div đến nhỏ, toàn bộ chuỗi sẽ giảm xuống dòng tiếp theo thay vì một nửa của nó?
Example:
"Industry Updates - 8th
September 2013"
Thường thì điều này xảy ra trên bộ duyệt di động trong khi có chiều rộng nhỏ hơn, tình huống lý tưởng là toàn bộ ngày kết hợp với nhau:
"Industry Updates -
8th September 2013"
Vì vậy, có một thẻ để sử dụng hoặc một thủ thuật CSS để đạt được điều này? Cảm ơn
Hỏi ngày 12 tháng 9 năm 2013 lúc 1:18Sep 12, 2013 at 1:18
0
CSS
.nowrap {
white-space: nowrap;
}
HTML
Industry Updates -
8th September 2013
Bất kỳ phần tử nào có white-space: nowrap
đều ở trên một dòng
Đã trả lời ngày 12 tháng 9 năm 2013 lúc 1:27Sep 12, 2013 at 1:27
JsousjsousJSous
9675 Huy hiệu bạc11 Huy hiệu đồng5 silver badges11 bronze badges
2
Bạn muốn sử dụng một không gian không phá vỡ trong đánh dấu HTML của mình
thay vì một không gian bình thường.
HTML
Bất kỳ phần tử nào cówhite-space: nowrap
đều ở trên một dòng
Đã trả lời ngày 12 tháng 9 năm 2013 lúc 1:27Sep 12, 2013 at 1:20
Jsousjsousthgaskell
9675 Huy hiệu bạc11 Huy hiệu đồng5 gold badges32 silver badges37 bronze badges
0
Thuộc tính CSS phá vỡ Word có đặt ra các lần phá vỡ dòng xuất hiện bất cứ nơi nào văn bản sẽ vượt qua hộp nội dung của nó hay không. Làm thế nào bạn có thể ngăn hai hoặc nhiều từ bị chia thành các dòng riêng biệt?
Khi kiến thức HTML ngày càng trở nên quan trọng hơn đối với tiếp thị, nó sẽ khiến bạn biết một số thông tin về việc viết HTML.
Điều đó nói rằng, ở đây, một mẹo nhỏ. Nó liên quan đến việc giữ một số từ của bạn với nhau, ngay cả khi chúng trải qua nhiều dòng. Điều này được thực hiện bằng cách sử dụng không gian không phá vỡ.
Mã bí mật
Để buộc một trình duyệt web xử lý 2 từ riêng biệt như thể chúng là 1, hãy sử dụng mã
thay vì không gian, như vậy:
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều
Một ví dụ thực tế
Tại một thời điểm, tôi đã có một ít tiện ích trên blog của mình có tweet mới nhất của tôi. Khi tôi lần đầu tiên thêm chức năng này vào thanh bên, tôi nhận thấy một chút boo-boo khi các từ ngữ [thông qua Twitter] đã kết thúc kéo dài nhiều hơn một dòng.
Lưu ý cách thức Via Via và Twitter Twitter của Twitter. Điều này làm cho nó ít có thể quét được. 2 từ thuộc về nhau!
Vì vậy, tôi đã thay đổi mã của mình thành đọc như vậy:
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều
Một ví dụ thực tế
Tại một thời điểm, tôi đã có một ít tiện ích trên blog của mình có tweet mới nhất của tôi. Khi tôi lần đầu tiên thêm chức năng này vào thanh bên, tôi nhận thấy một chút boo-boo khi các từ ngữ [thông qua Twitter] đã kết thúc kéo dài nhiều hơn một dòng.
Lưu ý cách thức Via Via và Twitter Twitter của Twitter. Điều này làm cho nó ít có thể quét được. 2 từ thuộc về nhau!
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều
Một ví dụ thực tế
Tại một thời điểm, tôi đã có một ít tiện ích trên blog của mình có tweet mới nhất của tôi. Khi tôi lần đầu tiên thêm chức năng này vào thanh bên, tôi nhận thấy một chút boo-boo khi các từ ngữ [thông qua Twitter] đã kết thúc kéo dài nhiều hơn một dòng.
Lưu ý cách thức Via Via và Twitter Twitter của Twitter. Điều này làm cho nó ít có thể quét được. 2 từ thuộc về nhau!