2017-09-12 2 views
-1

Ich habe text-align: justify im Body-Tag,Wie für Anker-Tags in HTML rechtfertigen auszuführen

body { 
    text-align:justify; 
} 

Der gesamte Text mit Ausnahme der Anker Links gerechtfertigt wurde.

image

Kann mir jemand vorschlagen, die Klasse, die die Anker als auch rechtfertigen?

+1

bitte Ihren Code zur Verfügung stellen ... – Animay

+1

für Text in einer einzigen Zeile (die letzte ist), können Sie auch Verwenden Sie text-align-last: justify; –

+1

@Vpuram müssen Sie ein minimales, vollständiges und überprüfbares Beispiel hinzufügen. Lesen Sie hierzu: https://stackoverflow.com/help/mcve –

Antwort

1

zu auf einer einzigen Zeile auslösen rechtfertigen (die auch die letzte sein geschieht), können Sie text-align-last

Die text-align-last CSS-Eigenschaft beschreibt verwenden, wie die letzte Zeile eines Blocks oder einer Linie, direkt vor ein erzwungener Zeilenumbruch, ist ausgerichtet.

body { 
    text-align:justify; 
    text-align-last:justify; 
} 

p, a { 
 
    max-width:500px; 
 
    text-align:justify; 
 
    text-align-last:justify; 
 
    
 
} 
 
a { 
 
    color:red; 
 
    background:yellow; 
 
} 
 
body>a { 
 
display:block; 
 

 
}
<p>Pellentesque habitant morbi enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, <a>accumsan porttitor, facilisis luctus, metus</a></p> 
 
<hr/> 
 
<a>accumsan porttitor, facilisis luctus, metus</a>

noch nicht überall https://caniuse.com/css-text-align-last/embed/ unterstützt

+0

Ja. Vielleicht möchten Sie mehr betonen, dass es sich auf die Links auswirkt, nur weil die Links in den letzten Zeilen ihrer Eltern vorkommen. Nicht, weil sie unterschiedliche Elemente sind. –

Verwandte Themen