关于动态生成某些组件不知宽度的问题

首先我做的移动端有个卡片列表是需要横向滚动条的
问题来了，动态生成的卡片，咱也不知道有多少个，这个宽度怎么设置呢？
纯CSS方法如下：

1.给我的小卡片们的父元素设置：

white-space: nowrap;

2.给每一个小卡片设置了：

display: inline-table;
white-space: pre-wrap;

这样能保证小卡片里的内容换行，不然就会受父元素影响。
over~