css - float 右表不起作用

Question

我尝试将 float: right 应用于按钮和文本，但它不起作用，因为它会破坏所有内容。

有什么想法吗？

                        <hr>
                    <div class="table">
                        <div class="row">
                            <a href="#" class="btn-primary left-cell"><i class="fa fa-refresh" aria-hidden="true" style="margin-right: 4px;"></i> Aktualisieren</a>
                            <span class="right-cell"> 14 neue Meldungen</span>
                        </div>
                    </div>
                    <hr>

https://jsfiddle.net/uoyh2fk9/

Answer 1

不确定“destroys everything”是什么意思，但听起来 flexbox 可能更适合您要实现的目标。从您的 div 中删除 display: table 并尝试以下操作:

CSS

.row {
  display: flex;
  justify-content: flex-end;
}

JSFiddle

如果您想了解更多关于 flexbox 及其工作原理的信息，here is a link .