css下div下同行多元素右对齐

要实现CSS下div下同行多元素右对齐，可以使用以下两种方式：

1. 使用Flex布局

Flex布局是CSS的一个强大布局方式，可以实现简单的对齐需求。

要实现多个元素右对齐，可以将这些元素放在一个Flex容器中，添加justify-content: flex-end样式即可。同时，还需要给这些元素指定宽度，保证它们不会抢占Flex容器的空间。

下面是一个示例代码：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

.container {
  display: flex;
  justify-content: flex-end;
}

.item {
  width: 100px;
}

运行之后，可以看到三个元素全部右对齐。

1. 使用float属性

使用float属性同样可以实现多个元素右对齐的效果。

首先，需要将每个元素都设置为浮动状态，可以使用float: left样式。接着，需要将父元素设置为“清除浮动状态”，可以使用overflow: hidden或clearfix hack等方式。

最后，将三个元素的宽度都指定为相同的值，以保证它们在同一行并且不会被压缩。

下面是一个示例代码：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="clearfix"></div>
</div>

.item {
  float: left;
  width: 100px;
}

.clearfix {
  clear: both;
}

运行之后，可以看到三个元素全部右对齐。

以上就是实现CSS下div下同行多元素右对齐的两种方法，可以根据具体需求选择适用的方法来实现。