Ограничьте ширину ссылки и обрезайте текст, если он переполнен

Question

Я использую следующий код, чтобы показывать следующие/предыдущие сообщения в моей теме Wordpress.

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

Я хочу ограничить заголовок сообщения, отображаемый в ссылке, определенной длины из-за пространства, которое у меня есть. И я хочу иметь стрелку внутри ссылки, чтобы она показывала ссылку и стрелу с тем же стилем.

Answer 1

Вы можете добавить стили, которые будут обрезать текст, как этот

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>