我目前正在玩 angular bootstrap carousel，想显示一些图片，并能够点击它们。
我的第一个问题是并非我所有的图像都完全相同大小，而且它们不适合我的 bootstrap 列。通常图片不够宽，因此会在左侧和右侧留下大量可用空间。是否可以自动裁剪/放大图像，使其始终填满所有空间？
我的另一个问题是.. 如何将每张图片链接到某物？
最佳答案
要强制您的图像放大到它们的容器，您必须应用一些 CSS。 Bootstrap 的 img-responsive 类将 max-width 设置为 100%，但这不会强制放大。
<style>
.oversize {
width: 100%;
height: auto;
}
</style>
要链接图像，请将其包裹在 anchor 中:
<a href="/some-page"><img src="/some-image.jpg" class="oversize" /></a>
关于html - 使图像适合其父容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28566218/