Question

Hullo，我的网站底部有一个“facebook，instagram，twitter”图标。我无法将图像置于中心位置？请帮忙！

HTML：

<div class="container-fluid2"><img src="../Website Pic/Capture.PNG" 
alt="Placeholder image" width="90" class="img-responsive-icon"><img 
src="../Website Pic/Capt1ure.PNG" alt="Placeholder image" width="85" 
class="img-responsive-icon"><img src="../Website Pic/f.PNG" alt="Placeholder 
image" width="72" class="img-responsive-icon"></div>

CSS：

.img-responsive-icon {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
float: none;
padding-bottom: 5px;
padding-top: 25px;
max-height: none;

Answer 1

引导方法是添加类＆＃39;文本中心＆＃39;。

<div class="container-fluid2 text-center"></div>

Answer 2

.container-fluid2 {
  text-align: center;
}

text-align：父容器的中心就可以了。

此处链接：https://jsfiddle.net/zzzu88ww/

Answer 3

试试这个：

.container-fluid2 {

    text-align: center;

}

Answer 4

您可以使用

text-align: center
.container-fluid2{
 text-align:center;

}

如何将自适应图像置于引导程序中？

4 个答案: