2023年7月25日发(作者：)

bootstrap不换⾏css_CSS⾃动换⾏、强制不换⾏、强制断⾏、超出显⽰省略号，cs。。。.word{background:#E4FFE9;width:250px;margin:50px auto;padding:20px;font-family:"microsoft yahei";}/* 强制不换⾏ */.nowrap{white-space:nowrap;}/* 允许单词内断句，⾸先会尝试挪到下⼀⾏，看看下⼀⾏的宽度够不够，不够的话就进⾏单词内的断句 */.breakword{word-wrap: break-word;}/* 断句时，不会把长单词挪到下⼀⾏，⽽是直接进⾏单词内的断句 */.breakAll{word-break:break-all;}/* 超出部分显⽰省略号 */.ellipsis{text-overflow:ellipsis;overflow:hidden;}正常wordwrap:breakword;absavhsafhuafdfbjhfvsalguvfaihuivfsa强制不换⾏wordwrap:breakword;absavhsafhuafdfbjhfvsalguvfaihuivfs允许单词内断句，⾸先会尝试挪到下⼀⾏，看看下⼀⾏的宽度够不够，不够的话就进⾏单词内的断句wordwrap:break-word;absavhsafhuafdfbjhfvsalguvfaihui断句时，不会把长单词挪到下⼀⾏，⽽是直接进⾏单词内的断句wordwrap:break-word;absavhsafhuafdfbjhfvsalguvfaihuivf超出部分显⽰省略号wordwrap:breakword;absavhsafhuafdfbjhfvsalguvfaihuivfsab效果：20200408/* 显⽰⼀⾏，省略号 */white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;/* 显⽰两⾏，省略号 */text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;