如何将div与另一个div中的图像对齐?
问题描述:
我有一个在外部div中居中.social divs的问题。我正在寻找答案,但我找不到工作解决方案。这里的HTML:如何将div与另一个div中的图像对齐?
<div class="socials">
<div class="social">
<img src="images/fb.png">
</div>
<div class="social">
<img src="images/insta.png">
</div>
<div class="social">
<img src="images/tt.png">
</div>
<div class="social">
<img src="images/snap.png">
</div>
</div>
和CSS:
.social {
width: 25px;
height: 25px;
float: left;
cursor: pointer;
}
我想。社会的div是彼此相邻并居中.socials股利。
答
这应该有所帮助,试试这个。
.social {
width: 25px;
height: 25px;
float: left;
cursor: pointer;
display: table-cell;
}
.socials {
display: table;
margin-left: auto;
margin-right: auto;
}
<div class="socials">
<div class="social">
<img src="images/fb.png">
</div>
<div class="social">
<img src="images/insta.png">
</div>
<div class="social">
<img src="images/tt.png">
</div>
<div class="social">
<img src="images/snap.png">
</div>
</div>
+0
它的工作:)谢谢 – ghost39
像这样的事情? https://jsfiddle.net/n4f3xuv8/ – LGSon