Javascript 是否可以在包装文本之前设置组件水平滚动的最大距离？

我希望用户能够在React组件中水平滚动文本，但我希望仍然有一些比组件的边界矩形大的边界宽度。这样，我就可以有规律的段落，而不必担心任何断行。我知道我需要将

overflow-x

属性设置为auto，但我不确定过了这一步该怎么办。谢谢你的帮助

这是我的解决方案

正文{
宽度：100%；
最大宽度：800px；
保证金：30像素自动；
}
.包装纸{
边框：1px实心#afafaf；
宽度：100%；
溢出-x：滚动；
}
.内部{
填充：10px；
宽度：130%；
}

我的同僚们都是精英。在分娩前，被驱赶的人必须有足够的流动性。腐败是一种驱避物吗？

这是我的解决方案

正文{
宽度：100%；
最大宽度：800px；
保证金：30像素自动；
}
.包装纸{
边框：1px实心#afafaf；
宽度：100%；
溢出-x：滚动；
}
.内部{
填充：10px；
宽度：130%；
}

我的同僚们都是精英。在分娩前，被驱赶的人必须有足够的流动性。腐败是一种驱避物吗？

你有没有想过这样的事情@弗雷德：哇，太好了，太简单了。非常感谢！你想过这样的事情吗@弗雷德：哇，太好了，太简单了。非常感谢！如果添加

框大小：边框框，代码段窗口底部的滚动条（由1px边框加上100%宽度引起）将消失…如果添加
框大小：边框框，代码段窗口底部的滚动条（由1px边框加上100%宽度引起）将消失。。。