Question

是否可以在CSS中右对齐元素而不将其从文档流中删除？

例如，

position:absolute;
right:0;

将右对齐元素，但元素将从文档流中删除。同样，float:right;也会混淆布局。是否可以将元素与position:relative右对齐？或者是否有其他方法可以轻松地正确对齐元素？

我问，因为我需要使用right:来设置元素在某些JavaScript事件上的位置，但我还需要它来占用空间，以便它下面的元素不需要都是手动定位。

Answer 1

将display: inline-block;应用于它并将其与另一个带有text-align: right;的元素包装在一起。

.right-container {
  text-align: right;
}

.align-right {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: green;
}

<div class="right-container"><div class="align-right"></div></div>
<div class="some-text">Some text Some text Some text Some text Some text Some text Some text Some text</div>

在维护文档流的同时右对齐CSS中的元素

1 个答案: