Question

我希望通过使用css在div中居中（水平）三个图标（内联）。我的div在另一个div中居中，但我想将内容（三个图标）放在div中。

<div id="browsers">
  <div id="browsers-wrapper">
  <img src="Images/firefox.png" class="browserIcons">
  <img src="Images/chrome.png"  class="browserIcons">
  <img src="Images/opera.png"   class="browserIcons">
  </div>
</div>

还有一篇关于使用css集中内容的有用文章，以了解有关该过程的更多信息？

谢谢！

Answer 1

我实际上自己设法做到了！我仍然需要了解块和内联元素的基本原理..

谢谢你。

#browsers-wrapper img{
   display:inline;
   margin:auto;
   width: 8%;
   height:auto;

}

Answer 2

尝试此命令，它可能有效：

#beowser-wrapper img {
margin : auto 0;
display : block;
width : 100%;
}

我建议您在本教程中查看这些元素 Learn CSS Layout

在此处您还可以查看图片示例所描述的Inline和块元素： What’s the Deal With Display: Inline-Block?

我希望它能给你足够的帮助。

在div中居中图像

2 个答案: