css超出部分问题

父元素包裹下，多个子元素同处于一行，超出部分srcoll

div父元素{

width: 100%;

overflow-x: scroll;

white-space: nowrap;      不换行关键属性

} 

文本超出部分

div{

overflow: hidden;

text-overflow: ellipsis; (clip: 隐藏，ellipsis：...)

white-space: nowrap;

}
div内文字超出部分换行

overflow-wrap：break-word

text-align：left（对其方式）