Legen Sie die Zeilenhöhe in Html <p> um den html sieht aus wie ein office-word, wenn <p> hat verschiedene Schriftgrößen

Einstellen der Zeilenhöhe in EINER html-tag <p>, wenn diese <p> haben zwei verschiedene Schriftgrößen?

Wenn ich die <p style="line-height:120%"> .... </p>, dann wird die ganze <p> nur noch eine line-height.

Aber ich hoffe, es verhält sich wie die Microsoft Office-Word/(und Google Doc). d.h.: unterschiedliche Inhalte mit unterschiedlichen font-Größen haben unterschiedliche Zeilenhöhe.

Ist es möglich, für <p> zu erreichen, die Wirkung? Oder muss ich dies Zeile für Zeile, wie Google Doc? Gibt es eine einfachere Möglichkeit?

  • Sie können dies erreichen, es sei denn, Sie verwenden andere tags in <p> - tag, und legen Sie die Stile explizit.
  • anstelle der Verwendung von line-height, können Sie padding oder margin (oben/unten) ? ich meine, sind deine Absätze, die mehr als eine Zeile lang ist ?
InformationsquelleAutor sky609 | 2011-07-05
  1. 11

    Eigentlich, man kann das ziemlich einfach. Geben Sie einfach die Zeilenhöhe als Zahl:

    <p style="line-height:1.5">
    <span style="font-size:12pt">The quick brown fox jumps over the lazy dog.</span><br />
    <span style="font-size:24pt">The quick brown fox jumps over the lazy dog.</span>
</p>

    Den Unterschied zwischen Anzahl und den Prozentsatz im Rahmen der line-height CSS-Eigenschaft ist, dass die Zahl Wert ist, erbt die untergeordnete Elemente, aber der Prozentsatz wird zuerst berechnet, für das aktuelle element mit seinem font-size und dann der berechnete Wert wird vererbt, die untergeordneten Elemente.

    Weitere Informationen über das line-height-Eigenschaft, die in der Tat viel komplexer, als es aussieht auf den ersten Blick, ich empfehle Ihnen, werfen Sie einen Blick auf diese online-Präsentation.

    InformationsquelleAutor Pavel Vladov
  2. 1

    Können Sie die line-height im Pixel statt der Anteil. Ist dass, was du meinst?

    InformationsquelleAutor Litek
  3. 0

    Fand ich, dass in meinem code, wenn ich eine ration oder Prozentsatz für line-height line-height;1.5;

    Meiner Seite würde die Waage in der Weise, dass die Kleinschreibung Schrift und Großbuchstaben, schriftart dauern würde, bis andere Seite Höhen (I. E. Alle Kappen haben mehr Platz als alle niedriger). Normalerweise ich denke, das sieht besser aus, aber ich hatte zu gehen, um eine Feste Höhe line-height:24px; so dass ich konnte genau Vorhersagen, wie viele Pixel auf jeder Seite nehmen würde, mit einer bestimmten Anzahl von Zeilen.

    InformationsquelleAutor thinklarge
Schreibe einen Kommentar