Question

我试图在容器内对齐2 unzip_matching_files () { if [ $# -eq 1 ] && [ ! -e "$1" ]; then return; fi gunzip "$@" } unzip_matching_files "$input_path/"*h3*"$year"*.gz。

这是jade / pug布局。

figure

尝试.container-fluid section#feeds_container section.row section.col-sm-12.d-flex figure#pagination_up.d-flex.justify-content-center figure#button_wrapper.d-flex.justify-content-end和align-self-center，但无法定位两个元素，一个位于最大宽度的中心，另一个位于右侧。

请帮忙。

Answer 1

justify-content属性应该设置为应用display: flex的父元素，在这种情况下为section.col-sm-12。

但是，您无需将其设置为实现所需的输出，而是将类mx-auto添加到第一个<figure>元素。

.container-fluid
    section#feeds_container
            section.row
                section.col-sm-12.d-flex
                        figure#pagination_up.mx-auto First figure here
                        figure#button_wrapper Second figure here

CODEPEN

希望这有帮助。

flexbox在容器内伸展

1 个答案: