一种解决方法是使用flexbox布局。
HTML代码示例:
Div 1
Div 2
Div 3
CSS代码示例:
.container {
display: flex;
justify-content: flex-end;
}
.item {
margin-left: 10px; /* 为了添加间距,可根据需求调整 */
}
这里使用了flexbox布局的justify-content
属性,将容器内的元素向右对齐。同时为了添加间距,使用了margin-left
属性对元素进行调整。