【发布时间】：2019-12-18 19:57:00
【问题描述】：
我的 react js 渲染中有一个 custon 类，它是一种在同一行中内联 3 个按钮（右侧 2 个，左侧一个）的样式。
但是按钮对移动设备和其他屏幕没有响应，我尝试将样式放入自定义 css 样式表中，但它不起作用，并且按钮没有内联显示。
非常感谢
【问题讨论】：
标签： css reactjs responsive-design styles
【发布时间】：2019-12-18 19:57:00
【问题描述】：
请在parentStyle 上与flex-wrap: wrap 联系。这将使上一个和下一个按钮在您调整大小时移动到下一行。同样，如果浏览器进一步调整大小，您也可以在这一行 <div style={{ ...childStyle, justifyContent: "flex-end" }}> 中使用相同的属性将下一个按钮移动到上一个按钮下方
【讨论】：
-
这只是将retun按钮移到next按钮之上，但返回主按钮还是一样，你可以试试codesandbox吗？
-
好吧，我必须更改很多行才能获得所需的结果。请查看分叉的代码框codesandbox.io/s/reactjs-declarative-example-pdw65
-
对不起。你现在可以检查吗？
-
它正在工作，谢谢，有没有办法在调整大小时先放下一个然后返回然后返回主页？ （现有的反义词）
-
是的。为此，您需要将
flexWrap设置为wrap-reverse。试试这两种风格。但是，请验证所有浏览器wrap-reverse和space-between是否正常工作
请看一下，在这种情况下，我想将每个按钮放在新行中：
【讨论】：
-
我认为您不必担心 160 像素宽的设备 - 按照今天的标准，小屏幕的 iPhone 5 是 320 像素宽
-
有我可以尝试的代码解决方案吗？ @JonathanIrwin
-
你的代码没有问题，没有人会打开你的160px宽的网站！ ，正如@JonathanIrwin 提到的，最小宽度为 320px，您的代码在那里运行良好。