html - 如何在未知框架内使用 CSS 调整 div 中的图像？

Question

我目前正在研究我并不完全熟悉的 CSS/JS，但它也没有在任何地方记录。

我想要得到的是在 DIV 中证明图像的合理性，就像在这里可以看到的一样: https://jsfiddle.net/4jwfhk6c/

在我的 HTML/CSS 中做同样的事情并没有改变任何东西。 我试着制作 <img>和 <a>显示在 inline-block ，还尝试重置该 DIV 中的 CSS 并禁用高于 DIV 2 层的元素中的所有样式。

什么都没做。我错过了什么吗？有解决方法吗？我可能不满足 justify 的一些要求吗？属性(property)工作？

Answer 1

因为你甚至不知道你使用的是哪个框架，你可以使用 flexbox

div {
  display: flex;
  justify-content: space-between;
}

<div class="justify-image">
  <a href="page.html"><img src="//placehold.it/200" alt="my image"></a>
  <a href="paig.html"><img src="//placehold.it/200" alt="my image"></a>
  <a href="pache.html"><img src="//placehold.it/200" alt="my image"></a>
</div>