1、content为父标签属性,当同时设置flex-direction和justify-content为center时,
搜索框在正中间,无法向两个方向填充
当把align-items: center;注释掉后,可以在左右水平填充满显示,猜测是flex-direction为column时,align-items代表水平轴,此时设置为center可能会导致无法向两边填充。
后续再研究下,两个确实可以同时为center,参考
.content {
// width:100%;
display: flex;
flex-direction: column;
// align-items: center;
justify-content: center;
// margin-right: auto;
}