css强制换行和强制不换行写法, 清除浮动

清除浮动

::after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

css强制不换行写法

word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

css强制换行写法

word-break:break-all;
word-wrap:break-word;

文字超出宽度后，显示省略号的解决办法

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

需要注意的是，在移动端在flex元素中的内容进行省略文字的操作，则flex失效，flex之外的内容宽度不受控制，图片宽度无法撑起，解决办法如下：给设置了flex:1;弹性宽度的div设置最小宽度为0可以解决此问题。

flex:1; min-width:0;