CSS 换行

/* 强制不换行 */

.nowrap{

  overflow:hidden;

}

/* 允许单词内断句,首先会尝试挪到下一行,看看下一行的宽度够不够,

不够的话就进行单词内的断句 */

.breakword{

  word-wrap: break-word;

}

/* 断句时,不会把长单词挪到下一行,而是直接进行单词内的断句 */

.breakAll{

  word-break:break-all;

}            

/* 超出部分显示省略号 */

.ellipsis{

  white-space:nowrap;

  overflow:hidden;

  text-overflow: ellipsis;

}

你可能感兴趣的:(CSS 换行)