html - 有没有办法在右下角和左下角对齐文本？

Question

我正在尝试创建对齐文本，使其作为页脚位于页面的右下角和左下角。

例如

1 月 (左下角)/2019 年 (右下角)

谁能帮我处理 HTML 代码？

谢谢!

Answer 1

请检查这个 JSfiddle:link

我正在使用 flexbox 进行对齐。

.wrapper {
  height: 300px;
  background: green;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

<div class="circle">
</div>

<div class='wrapper'>
  <span>JANUARY</span>
  <span>2019</span>
</div>