Hướng dẫn css keep together - css giữ lại với nhau

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ó?

Nội dung chính ShowShow

  • Mã bí mật
  • 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.
  • 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.
  • Vì vậy, tôi đã thay đổi mã của mình thành đọc như vậy:
  • Break Word là gì trong CSS là gì?
  • 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?

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:18Sep 12, 2013 at 1:18

Hướng dẫn css keep together - css giữ lại với nhau

0

CSS

.nowrap {
    white-space: nowrap;
}

HTML

<span class="nowrap">Industry Updates -</span>
<span class="nowrap">8th September 2013</span>

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:27Sep 12, 2013 at 1:27

JsousjsousJSousJSous

9675 Huy hiệu bạc11 Huy hiệu đồng5 silver badges11 bronze badges5 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 &nbsp; 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:27Sep 12, 2013 at 1:20

JsousjsousJSousthgaskell

9675 Huy hiệu bạc11 Huy hiệu đồng5 silver badges11 bronze badges5 gold badges32 silver badges37 bronze badges

0

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 &nbsp; thay vì một không gian bình thườ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?

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:

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

Mã bí mật

Hỏi ngày 12 tháng 9 năm 2013 lúc 1:18Sep 12, 2013 at 1:18

CSS

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.

Vì vậy, tôi đã thay đổi mã của mình thành đọc như vậy:

Vì vậy, tôi đã thay đổi mã của mình thành đọc như vậy:

CSS

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.

Vì vậy, tôi đã thay đổi mã của mình thành đọc như vậy:

CSS

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.

Vì vậy, tôi đã thay đổi mã của mình thành đọc như vậy:

Vì vậy, tôi đã thay đổi mã của mình thành đọc như vậy:

Break Word là gì trong CSS là gì?

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?sets whether line breaks appear wherever the text would otherwise overflow its content box.

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?

Word tự động phá vỡ văn bản tại một không gian hoặc dấu gạch nối ở cuối dòng.Để giữ hai từ hoặc một từ được gạch nối với nhau trên một dòng, bạn có thể sử dụng một không gian không phá vỡ hoặc dấu gạch nối không phá vỡ thay vì không gian thông thường hoặc dấu gạch nối.Nhấp vào nơi bạn muốn chèn không gian không phá vỡ.use a nonbreaking space or nonbreaking hyphen instead of a regular space or hyphen. Click where you want to insert the nonbreaking space.use a nonbreaking space or nonbreaking hyphen instead of a regular space or hyphen. Click where you want to insert the nonbreaking space.