弹性盒子内容右侧居中
时间: 2023-07-01 12:19:01 浏览: 102
AngularJS 实现弹性盒子布局的方法
可以尝试使用flex布局中的justify-content属性来实现弹性盒子内容的右侧居中。
具体做法是,在父元素上设置display: flex;和justify-content: flex-end;,然后在子元素上设置margin-left: auto;。
示例代码如下:
```
<div class="container">
<div class="item">Some content</div>
</div>
<style>
.container {
display: flex;
justify-content: flex-end;
}
.item {
margin-left: auto;
}
</style>
```
这样,子元素的内容就会在弹性盒子中右侧居中显示。
阅读全文