我正在查看Semantic UI React docs for Grid，并且只想在移动设备上应用某些列属性。例如
<Grid.Column verticalAlign='middle' textAlign='right' computer={8} mobile={16} tablet={8}>
</Grid.Column>
在移动设备上，我希望textAlign成为center；在计算机上，我希望保持原样-right。有办法吗？
答案 0 :(得分：0)
您的代码存在的问题是您的Grid.Column将在所有设备上呈现，但宽度不同。您的verticalAlign属性和textAlign属性将应用于每个设备，因为您已将这些属性集中到所有设备。
如果要具有不同的属性值，则需要使用{{1}来指定多个Grid.Column来指定是mobile，tablet还是computer }}属性。此外，您可以使用only
您还可以在要渲染的位置混合并匹配。
这里是一个示例，显示了我上面描述的内容以及您指定的宽度。
width property