testo CSS overflow uomo ooh che disastro
-
25-10-2019 - |
Domanda
ho compilato questo jsFiddle demo in modo da poter vedere quello che sto tiro. Utilizzando il Twitter Bootstrap 2 ho pensato che tutto andava bene e le cose semplici sono state prese cura fino a quando ho colpito con questo. Non capisco se il markup non è giusto o la libreria non gestisce questo, ma il testo quando lungo appena trabocca fuori dello schermo / contenitore
JsFiddle
Soluzione
Add word-wrap: break-word
nel vostro DIV
. Scrivere questo:
.span9 {
width: 700px;
word-wrap: break-word;
}
Altri suggerimenti
Prova questo:
div {
word-break: break-all;
word-wrap: break-word;
}
Ho appena trascorso quasi un'intera giornata cercando di risolvere questo problema, e quanto sopra non ha funzionato fino a quando ho scoperto questo:
Assicurarsi di avere anche contenitori di liquidi all'interno del div flottato:
<div class="container-fluid">
In caso contrario, resterà la stessa larghezza e si rifletterà sui .. non importa quello che fai.
forse, si può provare anche questo:
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+ */
}