css 如何将文字向右对齐并同时向左对齐？

dsekswqp 于 2023-01-14 发布在其他

关注(0)|答案(1)|浏览(182)

我希望将文本完全右对齐，但同时将文本左对齐。例如：

.u-right-horizontal {
  text-align: right;
  text-align-last: left;
  text-justify: left;
}

<div>HTML here please!</div>

但我只能把它们排到右边我得到的是：

这里我的CSS属性：

.u-right-horizontal {
  text-align: right;
  text-align-last: left;
  text-justify: left;
}

我想有文字作为第一个附件的照片。但我只得到了第二个附件的照片与css属性。
如果你能帮助我，我将不胜感激!

1条答案

你只需要把 Package 好的容器div推到右边，你可以使用margin-left: auto;。

.w {
  background: gray;
  
}
.sum {
  background: green;
  width: 30%;
  margin-left: auto; 
  margin-right: 0;
}

<div class="w">
  <div class="sum">
    <p>lorem: 123</p>
    <p>lorem: 456</p>
    <p>lorem: 678</p>
    <p>sum</p>
  </div>
</div>