css - 等级等于另一等级

我正在使用CSS和position：absolute强制执行Squarepace中未提供的摘要标题覆盖功能。这些是我遇到的问题：

将包含5张图片的摘要的宽度设置为20％，我认为可以完全覆盖图片，但是每个图片叠加层之间都存在间隙。有没有办法使它等于从其来源的摘要图像的？

其次，我试图获取truncate属性以截断该行末尾的文本，但是我不能将其取而代之。

这是我正在工作的网站：页面底部的http://www.sunsetstudiosent.com。

这是我当前正在使用的代码：

.sqs-block-summary-v2 .summary-content {
  text-align: left;
  position: absolute;
  bottom: 0px;
  padding: 5px;
  margin: 0;
  height: 50px;
  width: 20%;
  text-overflow: ellipsis;
  background: rgba(39,39,39,0.5); /* colour of background behind the title and excerpt */
}
.summary-title-link{
  text-overflow: ellipsis;
  width: 20%;
  color: rgba(249,249,249,1) !important; /* color of title links */
}
.sqs-block-summary-v2 .summary-block-setting-show-title .summary-thumbnail-container{
  margin-bottom: 0 !important; /* fix to bottom of thumbnail */
  overflow: hidden; /* hide anything that doesn't fit */
}

最佳答案

设置后，您的问题似乎消失了：

    .summary-content {
         width: 20.2%;
     }

我看到您的类“ sql-gallery-design-carousel-slide”的宽度也设置为20.2％。

关于css - 等级等于另一等级，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49439146/