css样式 一个div框左边是价格 距离顶部2px的距离 右边是已售数量 距离顶部2px的距离
时间: 2024-05-01 09:18:21 浏览: 105
好的,您想问如何实现一个div框左边是价格,距离顶部2px的距离,右边是已售数量,距离顶部2px的距离的css样式对吗?
可以尝试以下代码:
```html
<div class="wrapper">
<div class="price">价格:100元</div>
<div class="sold">已售:50</div>
</div>
```
```css
.wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2px;
}
.price, .sold {
padding: 4px;
border: 1px solid #ccc;
}
```
其中,wrapper使用flex布局,justify-content: space-between 可让左右两侧的div元素之间的空间占满。同时,.price和.sold的样式中都加入了padding和border使其更美观。
阅读全文