限制鏈接的寬度並截斷文本如果溢出

我正在使用以下代碼來顯示我的WordPress主題中的下一個/上一篇文章。限制鏈接的寬度並截斷文本如果溢出

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

我想限制鏈接中顯示的帖子標題爲特定的長度，因爲我有空間。我想在鏈接中顯示箭頭，以便顯示具有相同樣式的鏈接和箭頭。

來源

2016-05-23 Benedikt W

您可以添加樣式，將截斷文本，這樣

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>

來源

2016-05-23 13:45:39

工作得很好，謝謝！祝你有美好的一天！ –

@BenediktWinckler不客氣！如果您希望它可點擊，您還可以將左箭頭放在鏈接中。 –

限制鏈接的寬度並截斷文本如果溢出

回答

相關問題