如何居中对齐多个DIV元素
夏尔马
大家好，我正在学习HTML和设计Web模板。将附加屏幕截图的团队成员设置为中心时，我陷入困境。我想将团队成员设置为居中对齐，但是下面的代码不起作用。
<!----team-members---->
<div class="team-members" align="center">
<div class="container" >
<div class="col-md-3 team-member">
<div class="team-member-info">
<img class="member-pic" src="images/team-member4.jpg" title="name" />
<h5><a href="#">Jonh Doe eh</a></h5>
<span>Lead Designer</span>
</div>
</div><!--- end-team-member --->
<div class="col-md-3 team-member">
<div class="team-member-info">
<img class="member-pic" src="images/team-member1.jpg" title="name" />
<h5><a href="#">Amanda Fenrnicas</a></h5>
<span>Lead Developer</span>
</div>
</div><!--- end-team-member --->
</div>
<!--//team-members---->
更新
请在这里查看我的CSS http://pastebin.com/MrbUKbzY
提前致谢。
罗科·C·布尔扬
如果您正在学习，请参见：http : //jsbin.com/momefi/2/edit
<div id="parent">
<div class="child">
<img src="//placehold.it/160x200/cf5&text=John">
<p>Lorem ipsum dolor sit amet adipiscing elit amantis sinus tus</p>
</div>
<div class="child">
<img src="//placehold.it/160x200/f0f&text=Anna">
<p>Lorem ipsum dolor sit amet adipiscing elit amantis sinus tus</p>
</div>
</div>
#parent{
border:1px solid #666;
text-align:center;
}
.child{
width:160px;
display:inline-block;
vertical-align:top;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何居中对齐包含浮动元素的div？
- 2
如何使用居中对齐对齐 div 内的左元素
- 3
元素未与div居中对齐
- 4
无论文本对齐如何，都将 div 元素居中
- 5
如何在div中居中对齐多个跨度？
- 6
如何居中对齐浮动元素？
- 7
如何在父div中将多个div元素居中？
- 8
如何对齐居中浮动div？
- 9
如何使文本右对齐，但div居中对齐？
- 10
在div中对齐居中的reCaptha元素
- 11
在div或td中居中对齐ap元素
- 12
如何在容器div中实现水平对齐，无间隙且居中的div元素
- 13
如何居中对齐页面上的元素？
- 14
如何在另一个div元素中使多个div元素水平居中？
- 15
在使用CSS幽灵元素技术进行垂直居中时，如何左右对齐div？
- 16
我如何居中右对齐的DIV？
- 17
如何在div中居中对齐文本
- 18
如何使div垂直和水平对齐居中？
- 19
尝试在包装器div中居中对齐元素和div
- 20
居中对齐SVG元素？
- 21
居中对齐包裹在div中的两个元素
- 22
在div元素中居中水平和垂直对齐文本
- 23
在div元素中居中水平和垂直对齐文本
- 24
将 div 中的跨度元素水平居中对齐
- 25
HTML / CSS在div中对齐多个元素
- 26
如何居中对齐堆叠元素，以及如何水平拉伸？
- 27
如何使旋转的元素居中并将其与顶部对齐？
- 28
如何将文本与行内块元素垂直居中对齐
- 29
如何使用 flex 在标题中垂直居中对齐元素
我来说两句