Question

我有这个按钮，我需要在两个其他div之间的空间中居中。我不是这个项目的主要开发人员......我刚刚参与进来帮助快速推出一些新功能。我不想彻底检查主要开发人员的html（在这个项目上仍然非常活跃），所以不是将其转换为bootstrap行和列，是否有一种侵入性较小的方法来集中这个按钮？

（PS你在片段中看到的并不是它实际上的样子。我们缺少一些CSS。但它足够接近我需要做的事。）

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div>
    <div class="text-right">
        <div id="">
            <div>
                <strong>Exclude Customers With Tags:&nbsp;</strong>
                <select id="" multiple style="width:100px;"></select>
            </div>
        </div>
        <div class="pull-left" id="">
            <label>
                <input type="checkbox" value="" id="">
                some text 
             </label>
        </div>
<!-- This is what I am adding -->
        <div class="pull-left">
            <button id="" class="btn btn-primary btn-sm">Center Me</button>
        </div>
<!-- end/ This is what I am adding -->
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</div>

＆＃13;

Answer 1

我从bootstrap中删除了标准类，并使用flex

显示它

.text-right {display: flex;
    flex-direction: row;
    justify-content: space-between;}`

这是一个jsfiddle demo https://jsfiddle.net/jjx4cf8L/

将div放在一排div中

1 个答案: