CSS3中的單行隱藏是用來控制文本內(nèi)容過長時(shí)，只顯示一行，并將多余的部分隱藏起來的一種效果。

.single-line {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

上述代碼中的三個(gè)屬性分別為：

• overflow:控制超出容器范圍的內(nèi)容如何顯示，此處為隱藏。
• text-overflow:控制文本內(nèi)容溢出容器時(shí)如何呈現(xiàn)省略號(hào)，此處為省略號(hào)代替超過一行的部分。
• white-space:控制文本內(nèi)容如何進(jìn)行換行，此處為不進(jìn)行換行。

使用以上代碼時(shí)，只需要給需要隱藏的文本加上class="single-line"即可實(shí)現(xiàn)單行隱藏效果。