css多列阮一峰

CSS多列布局是一种常见的网站布局方式，它可以让网站展现出更丰富的内容和更优美的视觉效果。阮一峰老师就是一位CSS多列布局方面的大师，在他的博客中分享了很多多列布局的实用技巧，让很多人从中受益。

下面我们来看一些阮一峰老师分享的CSS多列布局技巧。

/* * CSS三列布局 */.container {
      display: flex;
      justify-content: space-between;
}
.left {
      flex-basis: 150px;
}
.right {
      flex-basis: 200px;
}
.middle {
      flex: 1;
}
/* * CSS两栏布局 */.container {
      display: flex;
}
.left {
      flex-basis: 200px;
}
.right {
      flex: 1;
}
/* * CSS两栏布局，左侧固定宽度，右侧自适应宽度 */.container {
      display: inline-block;
}
.left {
      float: left;
      width: 200px;
}
.right {
      margin-left: 200px;
}
    

以上是阮一峰老师分享的一些CSS多列布局技巧，可以帮助我们更快、更好的开发出多列布局网站。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！