You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

右侧卡片提交内容元素间无法添加空白间距的问题求助

右侧卡片提交内容元素间无法添加空白间距的问题求助

各位好,我最近遇到个CSS布局的小问题,想请教下大家:当我往右侧卡片提交数据时,新提交的内容和上一条内容之间没法留出空白或内边距,挤得特别紧。

我想要的效果是每一条提交的内容之间都有明显的空白间隔,看起来更清爽。

我尝试过给相关元素加margin和padding,但都没起到作用。目前我写的CSS代码如下:

.card:nth-child(2) ul {
  align-items: center;
  grid-area: c2;
  border-radius: 10px;
  background-color: #664caf;
  padding: 10px;
  margin: 10px;
}

.card:nth-child(2) ul li {
  align-items: center;
  grid-area: c2;
  list-style: numeric;
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding: 10px;
  margin: 10px;
}

我猜测问题可能出在.card:nth-child(2)这个选择器的设置上,但自己排查半天没找到具体原因。

麻烦各位帮忙看看问题出在哪,该怎么调整?谢谢大家!

备注:内容来源于stack exchange,提问作者arkzy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.21 11:15:27