如何居中与引导和CSS相关的图像
伊戈尔·德·阿布雷乌（Igor de Abreu）
我正在尝试使图像居中，但是经过一些尝试后，我无法使其正常工作。显然我所做的更改没有生效。图像代码如下
<div class="col-md-4 col-sm-3 team-grid team-grid1 animated wow slideInUp" data-wow-delay=".5s">
<img src="images/shane-de-abreu-arquetipo-shane.jpg" alt="Shane de Abreu" class="img-responsive" />
<div class="p-mask">
<h4>Shane de Abreu</h4>
<ul>
<li><a class="podbean" href="http://arquetiposhane.podbean.com"></a></li>
<li><a class="facebook" href="https://www.facebook.com/arquetiposhane"></a></li>
<li><a class="youtube" href="https://www.youtube.com/channel/UCj6b5dpMH0RXAEpJV6fN-bQ"></a></li>
</ul>
</div>
</div>
因为我是新手，所以我不知道应该应用哪个文件，并且在检查了元素之后我意识到它与CSS（style.css）和Bootstrap（bootstrap.css）有关。因此，我尝试将W3S推荐的代码添加到这些文件中，我在下面给出了该代码。
img {
display: block;
margin: auto;
}
问题是我不知道确切将其放置在什么地方，因此我做了一些尝试，但没有成功。我尝试更改以下team-grid设置
}
.team-grid{
position:relative;
overflow: hidden;
}
另外，尝试通过更改team-grid1设置
.team-grid1,.team-grid2{
margin-bottom:20px;
}
还尝试更改img设置（style.css文件）
img {
width: 100%;
}
并尝试更改img设置（bootstrap.css文件）
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
我不知道我是否应该放置W3S推荐的代码（引导程序或样式），原因显然是一个统治另一个，但是我不知道是哪个。有人可以帮我将这张图片居中吗？它位于www.arquetiposhane.tk网站上。
非常感谢！
拉胡尔
使用下面的代码，这将使您的图像中心
.team-grid{
margin: 0 auto;
float: none;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用CSS Flexbox将流体图像和标题居中？
- 2
CSS：如何在 div 中垂直和水平居中图像
- 3
4 个居中图像 HTML/CSS 引导程序
- 4
居中CSS引导网格
- 5
如何使用引导程序使图像和文本垂直居中？
- 6
如何链接外部CSS以覆盖引导CSS以使元素居中？
- 7
对齐图像和图标（CSS /引导程序）
- 8
如何通过CSS使图像.logo居中？
- 9
使用引导程序居中图像
- 10
如何使引导轮播幻灯片图像适合在 html 和 css 中显示？
- 11
CSS居中图像
- 12
CSS图像居中
- 13
CSS：如何浮动：右移和居中
- 14
CSS：如何浮动：右移和居中
- 15
文字和图像居中
- 16
在页脚HTML和CSS中将水平对齐的图像居中
- 17
HTML 和 CSS - 在其容器内居中图像轮播
- 18
与图像相关的信息在滚动时居中显示
- 19
在引导程序列中将图像和内容居中对齐在height：100％div之内？
- 20
需要帮助居中引导旋转木马图像
- 21
在引导列中垂直居中图像
- 22
SF2-存储CSS和相关图像的正确位置
- 23
如何使内容居中引导卡？
- 24
如何在CSS中居中透明背景的图像？
- 25
如何在CSS中将图像居中在页面中间？
- 26
如何在CSS中垂直居中伪元素图像？
- 27
如何在CSS中将图像居中在页面中间？
- 28
如何使用 CSS 将图像居中放置在 div 中？
- 29
如何通过 css 强制所有帖子图像居中对齐？
我来说两句