右侧卡片提交内容元素间无法添加空白间距的问题求助
右侧卡片提交内容元素间无法添加空白间距的问题求助
各位好,我最近遇到个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
相关产品推荐
相关产品推荐

