页面开发中css常见问题

1、display:flex;碰上white-space nowrap 影响布局的问题
会导致页面宽度超出,造成横向滚动等问题,而且省略号也没有出来

原因:设置了white-space:nowrap后,content不能收缩，所以给夫级宽度设置0后就有了固定尺寸,所以就可以收缩了.

解决办法: 给其父div设置min-width:0;

.parent-style{
	min-width: 0;
}