【问题标题】: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;
}

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-06-21
    • 2014-10-10
    • 1970-01-01
    • 2019-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-29
    相关资源
    最近更新 更多