Bootstrap

Question

içinde uzun bağlantıları Trunk Bootstrap 3.1 kullanarak bir sayfa tasarlıyorum, eğer bir HTML bağlantısının uzunluğu çok uzunsa, taşar ve mobil versiyonunda yatay bir kaydırma oluşturur. Kesmek ve elipslerle değiştirmek için bir yolu var mı?

Örnek:

Benim ihtiyacım yerine dışarı uzanan, bu sınırın önce kesilmiş olsun gerektiğidir. HERHANGİ BİR fikri nasıl yapmalı?

Answer 1

Kutunun, kenarlığın dışına akmasını vebağlantısını üç noktaya uzatmasını sağlamak için kapsayıcının overflow: hidden olduğundan emin olmanız gerekir.

.box { 
 
    background: #f99; 
 
    border: 1px solid #c66; 
 
    width: 100px; 
 
    padding: 7px; 
 
    margin-bottom: 15px; 
 
} 
 

 
.nowrap { 
 
    white-space: nowrap; 
 
} 
 

 

 
.ellipsis { 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
}

<div class="box"> 
 
    <span class="nowrap">A really long piece of text</span> 
 
</div> 
 

 
<div class="box ellipsis"> 
 
    <span class="nowrap">A really long piece of text</span> 
 
</div>