<div class="detail-left"> <p>数量</p> <p>商品总价</p> <p>订单号</p> <p>收货地址</p> <p>订单备注</p> </div>如何调整p之间的距离
时间: 2023-12-16 20:04:22 浏览: 28
您可以使用CSS来调整这些<p>元素之间的间距。例如,您可以使用以下代码将<p>元素之间的间距设置为20像素:
```
.detail-left p {
margin-bottom: 20px;
}
```
这将在每个<p>元素的下面添加20像素的空白间距。如果您还想要在第一个<p>元素之前添加顶部间距,您可以使用以下代码:
```
.detail-left p:not(:first-child) {
margin-top: 20px;
}
```
这将在除了第一个<p>元素之外的每个<p>元素之前添加20像素的顶部间距。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![htm](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pptx](https://img-home.csdnimg.cn/images/20210720083543.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pptx](https://img-home.csdnimg.cn/images/20210720083543.png)