texte CSS déborde l'homme ooh quel gâchis
-
25-10-2019 - |
Question
Je compilé cette jsFiddle démo afin que vous puissiez voir ce que je vais lancer. En utilisant le Twitter Bootstrap 2 je pensais que tout allait bien et des choses simples ont été pris en charge jusqu'à ce que je frappe avec cela. Je ne comprends pas si le balisage est pas juste ou la bibliothèque ne gère pas cela, mais le texte en temps déborde juste hors de l'écran / conteneur
jsFiddle
La solution
Ajouter word-wrap: break-word
dans votre DIV
. Écrire ceci:
.span9 {
width: 700px;
word-wrap: break-word;
}
Autres conseils
Essayez ceci:
div {
word-break: break-all;
word-wrap: break-word;
}
Je viens de passer presque une journée entière à essayer de résoudre ce problème, et le travail fait ci-dessus jusqu'à ce que je ne découvert ceci:
Assurez-vous que vous avez également des conteneurs fluide à l'intérieur du div taloché:
<div class="container-fluid">
Sinon, il restera la même largeur et débordera .. peu importe ce que vous faites.
peut-être, vous pouvez essayer cela aussi:
div.span9{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}