语义ui反应，如何改变标签位置？

【问题标题】：semantic ui react, how to change label position?语义ui反应，如何改变标签位置？
【发布时间】：2019-03-06 13:24:05
【问题描述】：

是否可以将标签位置从右侧更改为左侧？我尝试使用 float: left 但它不起作用。

import {Radio } from "semantic-ui-react"
<Radio label="in progress" toggle />

【问题讨论】：

很大程度上也取决于 html，而不仅仅是 css。发布您的 html/css，我们将能够提供更多帮助。
@rrd 就是这样，只是导入组件和添加道具
你有tried this吗？
@Tholle 似乎对语义 ui 反应它不起作用

标签： javascript css reactjs semantic-ui

【解决方案1】：

可以做到，不得不做点hacky的方式。这是如何完成的。

const RadioExampleRadio = () => (
  <div class="radio-block">
    {" "}
    <label className="radio-label">Radio Label</label>
    <Radio />
  </div>
);

必须添加一些 css 使它看起来更好

.radio-block{
  display: flex;
  align-items: center;
}
.radio-label{
  margin-right: 10px;
}

从语义的文档中，似乎没有任何关于更改单选按钮上标签位置的评论。不过也可以这样做。

【讨论】：