Question

我正在尝试使用bootstrap flex和grid类来对齐下面代码中显示的两个框，但是它们都具有不同的宽度。

我尝试将两者的宽度都设置为width = 200px;看看发生了什么，柔性物品失去位置。

<!-- total income -->
                <div class="container">
                    <div class="budget__income d-flex justify-content-center mb-2">
                        <div class="row d-flex justify-content-center col-xs-1">
                            <div class="budget__income--text py-3">
                                <strong>Ingresos</strong>
                            </div>
                            <div class="budget__income--value py-3">
                                + 4,300 </div>
                            <div class="buget__income--percentage py-3 pl-2 align-self-center ">
                                34%
                            </div>
                        </div>
                    </div>
                    <!-- total expense -->
                    <div class="budget__expense d-flex justify-content-center">
                        <div class="row d-flex justify-content-center col-xs-1">
                            <div class="budget__expense--text py-3">
                                <strong>Gastos</strong>
                            </div>
                            <div class="budget__expense--value py-3">
                                + 4,300 </div>
                            <div class="buget__expense--percentage py-3 pl-2 align-self-center ">
                                22%
                            </div>
                        </div>
                    </div>
                </div>

我希望两个指定的框都水平对齐，并且宽度相同。

非常感谢您

Answer 1

尝试使用表格，表格行和表格单元格显示。喜欢：

select t1.* 
from myTable t1 
inner join myTemTable t2 on t1.items = t2.items

如何对齐两个框，一个框在另一个框的顶部，且尺寸相同

1 个答案: