html - 如何在 CSS 中向后对齐单词

Question

我正在尝试创建一个包含一些项目的列表。我正在使用 Flexbox，因为我想要屏幕中间的列表，所以我使用 justify-content:center 但这会将所有内容都放在中心，即使是我不想做的一些事情，比如标题。然后，当我尝试使用 flex-direction:row-reverse 时，它​​根本不会达到我的预期。请记住，我希望文本位于屏幕中央。

标签： htmlcssflexbox

Answer 1

就像评论建议的那样，您可以简单地使用text-align

.center-div {
    width: 200px;
    display: block;
    margin: 0 auto;
}

.center-text {
    text-align: right;
}

<div class="center-div">
  <div class="center-text">
    Example <br>
    Example second <br>
    Example third <br>
  </div>
</div>

JSFiddle在这里