Html 如何左右对齐flexbox列

#container {
  width: 500px;
  border: solid 1px #000;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#a {
  width: 20%;
  border: solid 1px #000;
}
#b {
  width: 20%;
  border: solid 1px #000;
  height: 200px;
}

<div id="container">
  <div id="a">
    a
  </div>
  <div id="b">
    b
  </div>
</div>

#container {
    width: 500px;
    border: solid 1px #000;
    display: flex;
    justify-content: space-between;
}

#container {
    width: 500px;
    border: solid 1px #000;
    display: flex;
    justify-content: space-between;
}

#a {
    width: 20%;
    border: solid 1px #000;
}

#b {
    width: 20%;
    border: solid 1px #000;
    height: 200px;
}

<div id="container">
    <div id="a">
        a
    </div>
    <div id="b">
        b
    </div>
</div>

#b {
    width: 20%;
    border: solid 1px #000;
    height: 200px;
    margin-left: auto;
}

#container {
    width: 500px;
    border: solid 1px #000;
    display: flex;
}

#a {
    width: 20%;
    border: solid 1px #000;
    margin-right: auto;
}

#b {
    width: 20%;
    border: solid 1px #000;
    height: 200px;
    margin-left: auto;
}

<div id="container">
    <div id="a">
        a
    </div>
    <div id="b">
        b
    </div>
</div>

Html相关问答推荐

CSS位置：固定尊重母公司的保证金属性.""'为什么？

如何获得一个背景图像，不是模糊的内部容器，但模糊的外部'

当表头包含特殊字符时，R Quarto发布的HTML表中不必要的大列宽

如何才能只给没有孟加拉语Kar符号的字母上色？

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

正文不能填满浏览器100%的高度

创建一个带有div和径向渐变的全宽半圆

附加点的列表样式

让多对图像在各自的div中叠加

有没有一种方法可以动态地从网格或Flexbox中取出HTML元素？

如何更改计时器S输入的Angular 字体大小？

Css网格：两列，除非小于150px

如何在CSS伪类函数中使用复合 Select 器：host-context()

如何从 div 内的图像中删除填充而不从其他所有内容中删除填充？

获取链接到功能的网页表单

将图像的高度限制为固定的纵横比，并在超过时使用 object-fit

调整窗口大小时文本重叠导航栏

单击时 HTML 锚元素不重定向到相对路径

如何在 bootstrap 程序导航栏中居中搜索图标

使用 CSS flexbox 和溢出顶部而不是底部