React js渲染中的响应按钮
Responsive buttons in react js render
我在我的 react js render 中有一个自定义 class,这是一种在同一行中内联 3 个按钮(右侧 2 个,左侧 1 个)的样式。
但按钮对移动设备和其他屏幕没有响应,我尝试将样式放入自定义 css 样式表中,但它不起作用,按钮没有内联显示。
非常感谢
他们好像在排队 - 有什么问题吗?
请看看这个,在这种情况下我想将每个按钮放在新行中:
Small screen test
请在 parentStyle
上与 属性 flex-wrap: wrap
联系。这将使上一个和下一个按钮在您调整大小时移动到下一行。同样,如果浏览器进一步调整大小,您也可以在 <div style={{ ...childStyle, justifyContent: "flex-end" }}>
行中使用相同的 属性 将下一个按钮移动到上一个按钮下方
我在我的 react js render 中有一个自定义 class,这是一种在同一行中内联 3 个按钮(右侧 2 个,左侧 1 个)的样式。
但按钮对移动设备和其他屏幕没有响应,我尝试将样式放入自定义 css 样式表中,但它不起作用,按钮没有内联显示。
非常感谢
他们好像在排队 - 有什么问题吗?
请看看这个,在这种情况下我想将每个按钮放在新行中:
Small screen test
请在 parentStyle
上与 属性 flex-wrap: wrap
联系。这将使上一个和下一个按钮在您调整大小时移动到下一行。同样,如果浏览器进一步调整大小,您也可以在 <div style={{ ...childStyle, justifyContent: "flex-end" }}>
行中使用相同的 属性 将下一个按钮移动到上一个按钮下方