CSS是一种用于网页设计的语言,可以实现各种各样的样式效果。其中,两个如何竖着排列是一个常见的需求。下面是一个示例代码: <div class= wrapper > &am
CSS是一种用于网页设计的语言,可以实现各种各样的样式效果。其中,两个
下面是一个示例代码:
<div class="wrapper"> <div class="red">红色的</div> <div class="blue">蓝色的</div> </div> <style> .wrapper { display: flex; flex-direction: column; } .red { background-color: red; height: 100px; } .blue { background-color: blue; height: 100px; } </style>
上面的代码中,两个
其中,.red和.blue分别用来设置两个
以上代码执行后,会得到一个红色和蓝色的垂直排列的效果。
粉丝
0
关注
0
收藏
0