Firefox float Fehler? Wie bekomme ich mein Float: direkt auf der gleichen Linie?
Habe ich Folgendes fiddle:
http://jsfiddle.net/q05n5v4c/2/
In Chrom, es macht einfach nur fein. Der chevron ist auf der rechten Seite.
Jedoch im Firefox, lässt es die Chevron-down 1. Zeile.
Habe ich bei google eine Suche und fand mehrere Beiträge über diesen Fehler, aber keiner der Vorschläge geholfen haben.
Alle CSS-Experten gibt, die mir sagen kann was ich falsch mache?
Html:
<div class="btn-group">
<button data-toggle="dropdown"
class="btn btn-default dropdown-toggle"
style="width: 400px;text-align: left;">
Checked option
<span class="glyphicon glyphicon-chevron-down"
style='float: right;'></span>
</button>
</div>
InformationsquelleAutor der Frage Scottie | 2014-10-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ändern Sie die Reihenfolge der Schwimmer, legte es vor dem text wie diesen:
http://jsfiddle.net/q05n5v4c/3/
InformationsquelleAutor der Antwort scooterlord
Scheint es, wie die Eigenschaft
white-space
ist die Ursache des Problems. Mit der Klassebtn
diese Eigenschaft ist:Wenn Sie ändern, die diese Eigenschaft gut funktioniert:
Überprüfen Sie die Demo-Fiddle
InformationsquelleAutor der Antwort DaniP
Wenn Sie nicht wollen, um in umgekehrter Reihenfolge Ihrer Elemente, Sie könnte
float: left;
das erste element.InformationsquelleAutor der Antwort Michael Petito
Hier ist noch eine Lösung:
geben style-span-tag wie diesen.
InformationsquelleAutor der Antwort Munshi Azhar