使用Flexbox居中第二个子元素 - 只使用Flex属性

使用justify-content属性可以设置子元素在主轴上的对齐方式，使用align-items属性可以设置子元素在交叉轴上的对齐方式。\n\n如果要将第二个子元素设置为居中，可以将justify-content设置为center，将align-items设置为center。\n\nHTML代码：\nhtml\n<div class="container">\n <div>子元素1</div>\n <div>子元素2</div>\n</div>\n\n\nCSS代码：\ncss\n.container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n\n这样就可以将第二个子元素居中显示了。