CSS-Eigenschaft word-wrap funktioniert nicht für das select-element auf Firefox
Habe ich ein html-dropdown-Menü. In der dropdown-Liste auswählen, einige Optionen haben, lange Zeichenketten ohne Leerzeichen. Ich möchte wrap solche Optionen in die nächste Zeile. Ich verwendet das CSS - word-wrap
Eigenschaft. Es funktioniert bei mir in Chrome aber nicht in Firefox.
Ich auch versucht, mit Hilfe der word-break
Eigenschaft als vorgeschlagen in die vorgeschlagene doppelte
Habe ich auch gemacht eine demo auf jsfiddle. Es sieht gut aus in Chrome, aber wenn Sie öffnen, dass die demo auf Firefox, der text schlägt zu wickeln. Wie kann ich dieses Problem beheben?
CSS:
.setWidth {
width: 300px
}
HTML:
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
<select class="formNamesList setWidth" id="CustomCategories" name="CustomCategories" size="15">
<option value="10085240">_1Test_Today</option>
<option value="10085242">_1Test_Today_A</option>
<option value="10085091" style="word-wrap:break-word">testcust_copyFinal_copytetshhshshshhshshhshshshhshshhshshhshshshshhshshshshhshshshshhshshhshs</option>
</select>
</div>
- css-tricks.com/almanac/properties/w/word-break
- möglich, Duplikat der Zeilenumbruch funktioniert nicht im firefox, alles ausprobiert
- Ich habe gesehen, dass links. aber kein Glück mit den Zeichenfolgen, die nicht mit Leerzeichen @hbirjand
- Herzlich willkommen auf Stack Overflow! Ich habe Ihren Beitrag bearbeitet, die relevanten HTML-und CSS in ein code-snippet, im Fall, dass die Menschen können nicht bekommen, um jsfiddle.net, was kann passieren, in einigen Unternehmensumgebungen. Ich habe auch text Hinzugefügt, der angibt, Sie habe die vorgeschlagene doppelte, das ist immer eine gute Idee, um zu vermeiden Schließung. Ich ebenfalls aktualisiert und die Titel werden mehr klar, was genau nicht funktioniert.
- Ok, danke Mike. .:)
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nein, Sie nicht
wrap
den text, der in einer systemeigenen auswählen. Sie können jquery-pluginsum dies zu erreichen.
Hier sind mehr details
Dennoch können Sie versuchen, diese und sehen, ob es funktioniert:
break-word
Zeigt an, dass normalerweise unkaputtbar Worte können gebrochen werden, an beliebigen Punkten, wenn es nicht anders akzeptabel break-Punkte in der Linie.
pre
Sequenzen von Leerzeichen werden beibehalten, Linien werden nur kaputt in neue-Zeile-Zeichen in der Quelle und bei
Elemente.
pre-wrap
Sequenzen von Leerzeichen werden beibehalten. Linien werden gebrochen bei Zeilenumbruch-Zeichen, an
und wie nötig, um Zeilen-Boxen zu füllen.