CSS換行和CSS不換行

一、換行

1、使用<br/>標籤強行換行

2、在大段落使用<p></p>標籤實現大換行

3、連續數字或字母換行：{ word-wrap: break-word ; word-break: break-all; }

 

二、不換行

1、div顯示一行，超出部分省略號

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

2、div顯示固定行，超出部分省略號

{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-clamp: 2; // 行數
    -webkit-box-orient: vertical;
}