Question

我试图将两个按钮居中但没有运气！

它还在HTML中的按钮上方有一个标题图片。

这是我目前的HTML：

HTML：

<div>
  <img src=".jpg" style="width:700px;display:block;margin-left:auto;margin-right:auto;" alt=""><div class="nav3" style="height:705px;">
  <span class="icons"><a href="https://twitter.com/" class="icons">
    <img src=".png" style="width:100px;display:block;margin-left:auto;margin-right:auto;" alt=""></a>
  </span>   
  <a href="https://www.amazon.co.uk/" class="icons">
  <img src=".png" style="width:100px;display:block;margin-left:auto;margin-right:auto;" alt=""></a>

</div>

Answer 1

我修改了你的代码，并将内联样式与你的html代码分开。

＆＃13;

div {
  text-align: center;
  width: 700px;
}
div img{
  width:700px;
  margin-bottom: 20px;
}

.nav3 img {
  width: 100px;
  display: inline;
}

＆＃13;

<div>
  <img src="http://placehold.it/700x260" alt="">
  <div class="nav3">
    <a href="https://twitter.com/"><img src="http://placehold.it/640x260" alt=""></a>
    <a href="https://www.amazon.co.uk/"> <img src="http://placehold.it/640x260" alt=""></a>
  </div>
</div>

＆＃13;

目前，我将div的宽度设置为width: 700px;，占位符也包含相同的宽度。修改这些宽度以满足您的需求。

中心两个按钮与图像

1 个答案: