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;
}