padding-right funktioniert nicht

Ich bin, dass code wie dieser

        <div style="background-color: greenyellow; color: black">
        <span style="padding-left:20%">T1</span>
        <span style="padding-right:10%">2</span>
    </div>

derzeit ist es zu zeigen, wie dieses. padding-right funktioniert nicht
hier Innenabstand rechts funktioniert nicht. es sollte so sein, dass 2 sollte mit 10% gepolstert von rechts, div.
Gibt es irgendeine andere style-tag das tun kann, geben solche Polsterung von rechts.padding-right funktioniert nicht

  • haben Sie halten mit Rand-Links, anstatt von Links-Polsterung
  • es zeigt auch, gleiche problem. Recht funktioniert nicht in beide padding und margin.
InformationsquelleAutor star | 2013-04-01
  1. 5

    standardmäßig inline-Elemente dargestellt werden von Links nach rechts ausgerichtet, es sei denn, Sie geben float Unterkunft für Sie.

    Das bedeutet, in einer bestimmten horizontalen Linie, erste span T1 dargestellt werden angrenzend an den linken Rand des übergeordneten, und dann span 2 gerendert werden neben span T1.

    so, Ihr padding-right ist nie genutzt, wie die Letzte Zeit schon weit entfernt von der rechten Grenze, es sei denn, Sie machen es zu bewegen, das Recht, entweder durch float:right oder gibt es eine margin

    versuchen Sie dies:

     <div style="background-color: greenyellow; color: black">
        <span style="padding-left:20%">T1</span>
        <span style=" float:right; padding-right:10%;">2</span>
    </div>

    sehen diese fiddle

    • Schöne Erklärung 🙂
    • gerne helfen 🙂
    • heute ' s digest!!
    InformationsquelleAutor Manish Mishra
  2. 1

    Dadurch wird es den gewünschten Effekt

    <span style="float:right; margin-right:10%">2</span>
    InformationsquelleAutor Kevin Lynch
  3. 1

    Verwenden:-

    <span style="float:right; padding-right:10%">2</span>
    InformationsquelleAutor Vivek Sadh
  4. 0

    Gute Erklärung von oben Mitwirkenden, aber Sie können auch versuchen Sie dies:

    <div style="background-color: greenyellow; color: black">
    <span style="padding-left:20%">T1</span>
    <span style="padding-right:10%;padding-left:60%">2</span>
</div>

    Infact, ist dies darüber, wie Sie nehmen die Struktur der CSS, wenn man bedenkt, von Links nach Rechts Vorrang, die Manish erwähnt, können wir auch anpassen, unsere Forderung durch einfügen eines Links, Polsterung aus 60%.

    So, dieses problem kann gelöst werden, in beide Richtungen, wenn Sie anpassen möchten etwas zwischen "T1" und "2" sollten Sie mir, sonst sind beide in Ordnung.

    Hoffe, Sie haben es.

    InformationsquelleAutor Muhammad Bilal Shafi
Schreibe einen Kommentar