html - 链接的高度不适合网格显示
问题描述
我正在尝试在网格显示的 div 中拟合 RSS 通量,但不知何故,它们并不完美。
这是我的 CSS 代码
#rss-5 ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
grid-gap: 10px 10px;
border-left: 1px solid rgba(255,255,255,.2);
}
#rss-5 ul li {
padding: 0;
border-bottom: none;
}
#rss-5 ul li a.rsswidget {
display:inline-block;
width:90%;
height:90%;
color: #454545;
transition: 0.5s;
padding: 5% 5% 5% 5%;
border-radius: 4px;
border: 3px solid #4ED4B5;
font-family: 'Josefin sans';
font-size: 18px;
}
在此先感谢您的帮助。
解决方案
如果我理解正确,您想要图像上的黑框吗?您需要在包装上放置一个绝对位置,这基本上是说不要注意页面上的其他元素并尽量避免它们。然后,您需要在其父级上放置一个相对位置,即幻灯片,表示绝对定位的元素仅相对于其父级。
.slides{
position: relative;
}
.caption-wrap {
position: absolute;
}
推荐阅读
- python - 在 Pandas 中查找日期列的最小值和最大值
- python - PHP页面的Python GET请求
- gulp - 为什么 Webstorm 将其检测为重复?
- python - 使用请求选择和上传 pdf 文件时遇到问题
- php - 如何使用 PDO 在 localhost 中获取数据库数组
- colors - 如何在不导入其他模块的情况下更改 python 中文本的颜色?
- javascript - 如何处理请求并避免代码重复?
- python - 在 Python 中绘制来自给定分布的随机数及其期望值
- python - Python 通过 443 端口发送 HTTP/S 请求
- node.js - Express.js - 将自定义对象添加到 req.session.errors