CSS

Question

我是 CSS 的新手，我想在同一行上垂直对齐 3 个块（3 个旁边的标签）。

代码如下：

所以，我有这三个旁白，当我调整浏览器的宽度大小时，我很难将它们垂直对齐在同一条线上。我的意思是，有些点都在同一条线上，但通常它们不会彼此重叠。

我尝试使用 display: inline-block 但我一无所获。

如何解决？

Answer 1

我通过将 <br><br> 替换为 <br style="clear: both"> 来实现的。你可以在这里阅读：https://developer.mozilla.org/en-US/docs/Web/CSS/clear

我尝试了来自 MDN 的伪元素解决方案，它也很有效（在这种情况下你根本不需要 <br>s）：

article::after {
  content: '';
  display: block;
  clear: both;
}

CSS - 将 3 条边对齐在同一垂直线上