close

 

過長的文章，想要侷限顯示的字數

 

可以透過css的 text-overflow: ellipsis

 

p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;

}

 

使用<span>標籤時，要將display設為inline-block (行內區塊)

 

span {

    display: inline-block;

    text-overflow: ellipsis;

    ........

}

 

注意：此作法只能針對單行文字，若要做多行的隱藏溢出文字，則要用其它方式

arrow
arrow
    文章標籤
    css
    全站熱搜

    Apries 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄