111
line-height: 1.428571429;
Warum funktioniert Bootstrap set line-height auf diesen Wert?Warum setzt Bootstrap die Eigenschaft line-height auf 1.428571429?
(Some themes runden es 1,42857143.)
A
Antwort
151
Die Zeilenhöhe wird durch Dividieren der Ziellinienhöhe Größe durch die Schriftgröße bestimmt. In diesem Beispiel legt Bootstrap eine Zeilenhöhe von 14px fest. Das Ziel line-height ist 20px:
20px 14px ÷ = 1,428571429
Wenn Ihr line-height Bestimmung, wollen Sie sicherstellen, dass Sie genügend Leerraum zwischen den Zeilen. Dies ermöglicht Oberlängen und Unterlängen, ohne in andere Reihen einzudringen. Durch die großzügige weiße Fläche können Ihre Augen beim Lesen einen visuellen Rhythmus entwickeln.
Auch die Einheitlichkeit der Zeilenhöhe ist vielseitiger. Für weitere Informationen, see Eric Meyer's post on this from February 2006.
Verwandte Themen
- 1. wie 'innere' Lineheight von CSS-Text ändern
- 2. Warum setzt Angular Material Hintergrundfarben?
- 3. wie die Bootstrap multidate Eigenschaft ändern dynamisch
- 4. Warum setzt setInterval Endlosschleifen?
- 5. Verwenden Sie keine Eigenschaft auf Handy/Bootstrap
- 6. FCKEditor setzt die Eigenschaft Value beim Postback nicht!
- 7. Override wird Bootstrap-Eigenschaft ändern
- 8. die IIdentity Eigenschaft von Benutzern außer Kraft setzt
- 9. Wie setzt man die SELECTED-Eigenschaft von dropdown in jQuery?
- 10. Bootstrap: Wie man Knopf neben Eingabegruppe setzt
- 11. Warum ruft 'didset' eine Eigenschaft auf, wenn ich die Eigenschaft dieser Eigenschaft festlege?
- 12. Warum setzt Ruby Symbole frei?
- 13. cakephp setzt die Checkbox auf separaten Leitungen
- 14. Wie man die Symbolleiste auf FragmentActivity setzt?
- 15. Wie Binding Converter auf die Eigenschaft eines Steuerelements auf andere Eigenschaften des Steuerelements zugreifen kann
- 16. Hintergrund No-Repeat setzt die Background-Clip-Eigenschaft auf padding-box?
- 17. Warum setzt set_xlim() die X-Grenzen nicht in meiner Figur?
- 18. Warum setzt man delegate nil, wenn die Instanz deallociert wird?
- 19. setzt Operationen auf Listen
- 20. Warum setzt Integer.TryParse bei einem Fehler das Ergebnis auf Null?
- 21. Warum setzt React den Status auf den * zuvor * geklickt?
- 22. Warum gibt die Eigenschaft TIdMailBox.UnseenMsgs 0 zurück?
- 23. Warum die Einstellung ScrollViewer.CanContentScroll auf false setzt, um die Virtualisierung zu deaktivieren
- 24. Warum Javascript nicht auf Eigenschaft zugreifen kann?
- 25. Warum funktioniert die Margin-Bottom-Eigenschaft nicht?
- 26. Warum setzt die Codeanalyse CA2000 für diese Methode ein?
- 27. Warum setzt send_keys ("string") Leerzeichen zwischen die einzelnen Zeichen?
- 28. Warum setzt sich meine Variable selbst zurück?
- 29. Warum benötigt diese Eigenschaft die "behalten"?
- 30. Warum liegt mir die NewRecord-Eigenschaft?
Ich war dabei, das gleiche zu fragen. Sieht so aus, als käme diese Frage regelmäßig auf. Vielleicht sollte der Bootstrap-Code einen kurzen erläuternden Kommentar enthalten. –
Ich denke nicht, dass dies eine dumme Frage überhaupt ist. Ich habe gesehen, dass diese irreguläre "Zeilenhöhe" in IE11 zu Unschärfe führt, was mich dazu gebracht hat, sie zu hinterfragen. Die Antwort macht durchaus Sinn, aber das Runden der Zahl auf nur ein paar Dezimalstellen wäre wahrscheinlich im Interesse von Bootstrap sinnvoll. – aminimalanimal