html - 如何让点继承图像的宽度？ (光滑)

Question

有一个225px的方 block 。在里面插入一张大尺寸的图片(850 像素)。她走到外面。

看起来像这样:

.content {display: inline-block;}

.column {float:right; width:225px;}

.slider {
  border: 1px solid;
  width: 220px;
  padding: 5px;
}

.single-slide img {
  width: auto;
}

<div class="content">  
    <div class="column">
      <div class="slider single-slide">
        <div><img src='https://s-media-cache-ak0.pinimg.com/736x/2c/d0/19/2cd0197c5eb8c1f84e81734f97e80cd3.jpg' /></div>
        <div>to place the center of the image</div>
      </div>
    </div>
  </div>

使用 slick slider .我想添加点来控制 slider 。

当我添加点时，它们被放置在 block 的中间。没关系，我明白。 但是我想把它们放在图片的中央。 怎么办？

UPD:图片超出了方 block ，没错!我需要对位于图像中心的点进行处理，而不是 block

Answer 1

我看到你的点在窗口的中央。为此，您的点列表必须位于具有图像宽度的容器内。

我认为您应该扩大 slider 或使用 max-width: 100%;

限制图像的宽度