Begrenzen Sie die Breite einer Verknüpfung und trunkieren Sie Text, wenn es überläuft

Question

Ich verwende den folgenden Code, um nächste/vorherige Beiträge in meinem Wordpress Theme anzuzeigen.

<?php 
    previous_post_link('<span class="left">&larr; %link</span>'); 
    next_post_link('<span class="right">%link &rarr;</span>'); 
?> 

Ich möchte den Posttitel, der in der Verbindung angezeigt wird, auf eine bestimmte Länge beschränken, da ich über Platz verfüge. Und ich möchte den Pfeil innerhalb der Verbindung haben, so dass es Link und Pfeil mit dem gleichen Stil zeigt.

Answer 1

Sie können Stile hinzufügen, die den Text gestutzt wird, wie dieser

a.ellipsis { 
 
    max-width: 100px; 
 
    overflow: hidden; 
 
    white-space: nowrap; 
 
    text-overflow: ellipsis; 
 
    display: inline-block; 
 
}

<span class="left">&larr; <a href='#' class="ellipsis">My big back link</a></span>