0

我正在 Bootstrap 4 上创建我的投资组合网站。我已经实现了一个滑动 javascript 标题（从在线源调整）来覆盖缩略图。这一切都很好（除了标题框延伸得太远......），但是当我开始使用它时，我的缩略图开始的左边缘已经向右移动，我无法弄清楚是什么导致了问题。几个小时以来，我一直在试图弄清楚它。无论是什么原因，它都不是由我的自定义 CSS 引起的，因为我尝试将它全部删除，但它仍然奇怪地对齐在那里。

我正在尝试做的另一件事是将缩略图平铺在一起，但我不知道如何摆脱它们的边距/填充...

这是一个链接，可以更轻松地查看它。提前非常感谢，如果我能让它发挥作用，这对我来说真的很重要。

很抱歉代码混乱，一旦我让这些东西工作，我会清理它。

编辑：我不知道为什么，或者如何......但对齐问题是由 UL 类引起的。我将其更改为 div，现在它可以完美运行。

4

1 回答 1

1

看看你的代码。您已经定义了两次宽度。利用width:97%;

#hover-img .caption-btm {
background: rgba(4, 186, 183, 0.6);
width: 70%;   ********
height: 60px;
position: absolute;
bottom: 4px;
color: #fff;
display: none;
width: 100%;    ********
}
于 2013-10-04T17:39:10.020 回答