Tôi đang sử dụng Twitter bootstrap trong trang web của tôi và tôi đang có khoảng có thể chứa từ dài và tôi cần phải phá vỡ nó. Tôi sử dụng Css này nhưng không hoạt động? Co vân đê gi?làm thế nào để phá vỡ từ dài trong Span? (Sử dụng Twitter Bootstrap)
.fidDivComment {
white-space: pre-wrap;
display: inline-block;
}
Bạn cần phải thêm video này vào CSS của bạn cho rằng khoảng
span {
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
Xem this article cho một lời giải thích.
Bạn nên hyphenate từ đúng cách, hoặc phá vỡ chuỗi arb itrarily nếu bạn có nội dung đặc biệt mà đó là thích hợp. Làm cả hai trên cùng một nội dung là sai. –
Jukka, nếu bạn đọc bài viết tôi liên kết đến, bạn cần tất cả các thuộc tính CSS đó để được hỗ trợ trình duyệt tốt nhất. –
@AdamSimpson cảm ơn điều này đã giải quyết vấn đề lớn của tôi –
Các câu hỏi được nêu này:
(sử dụng Twitter Bootstrap)
để sửa chữa bootstrap là thế này: @include hyphens; bootstrap này ra khỏi mixin hộp sẽ thêm word-wrap: break-word; mixin này được tồn tại dưới con đường này:
/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss
có thể trùng lặp http://stackoverflow.com/questions/320184/how-to-prevent-l ong-words-from-breaking-my-div – Liam