在Web开发中,常常需要使用到两列布局。而让这两列能够居中显示,是一件很常见的需求。在CSS中,我们可以通过一些简单的方法实现如下代码所示的两列布局居中显示。 先看一下HTML的结构: <
<div class="container"> <div class="left-column"> <p>左边栏的内容</p> </div> <div class="right-column"> <p>右边栏的内容</p> </div> </div>
.container { display: flex; justify-content: center; } <br> .left-column, .right-column { width: 50%; } <br> .left-column { margin-right: 10px; } <br> .right-column { margin-left: 10px; }
粉丝
0
关注
0
收藏
0