在一个范围内内嵌样式

时间:2018-06-12 19:56:38

标签: css

我试图让this.toggleFormatter(task)向右浮动。它目前有display: inline-grid,因此它位于链接旁边,但我无法让它向右移动并保持内联。 Flexbox和浮动似乎不起作用......任何想法?

return {
    text: (
        <span className="tree-toggle-spacing">
            <Link to={'/tasks/' + task.id}>
                <Label bsStyle="info">T{index+1}</Label>
                {task.name}
            </Link>
            {/*className="tree-toggle-select" */}
            {this.toggleFormatter(task)}
        </span>
    ),
    nodes: resources
};

1 个答案:

答案 0 :(得分:0)

您可以使用以下CSS类左右对齐元素:

.align-left { float: left }
.align-right { float: right }

要将所有内容保持为内联,只需添加具有浮动类但内部的两个元素的外部,它们都在div中: <div style="clear: both;"></div>