弹性布局下文字溢出省略号失效的解决方法

效果预览:

html片段：

css片段：

.goods 是处于弹性布局下的，在弹性布局下直接写text-overflow不会生效，因为弹性盒子的宽度会被内容撑开而不会溢出，此时需要给其父级添加宽度和弹性伸缩比，给弹性盒子限定溢出的范围。