使div行的内容在引导程序中居中
约翰·约翰
我在使div行居中时遇到问题，我有3个来自wordpress的帖子，相当于该行内的3列，但是在我添加了许多CSS属性使其居中之后，居然没有居中。我也在使用wordpress。
这是我的代码：
<div class="row center-block">
<?php while ( $offerBlog->have_posts() ) : $offerBlog->the_post(); ?>
<div class="col-md-4 ">
<img src="<?php the_field('offer_image') ?>">
<br>
<br>
<h4><?php the_field('offer_title') ?></h4>
<?php the_field('offer_description') ?>
</div>
<?php endwhile; ?>
</div>
这是我的CSS：
.col-md-4 {
width:15%;
margin:0 2.5%;
text-align: center
}
.center-block {
margin-left:auto;
margin-right:auto;
display:center;
}
Jyoti pathania
试试这个：
在此处查看演示
CSS：
.center-block {
display: flex;
flex-direction: row;
justify-content: center;
}
希望对您有所帮助
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
引导程序：水平居中的内容在具有环绕内容的行中
- 2
引导程序：水平居中的内容在具有包装内容的行中
- 3
引导程序行中的垂直居中按钮
- 4
如何使用引导程序将容器 div 中的行内容居中对齐？
- 5
在引导程序2.3.2行中将两个div居中
- 6
居中div-引导程序
- 7
跨越引导程序中奇数列的居中div
- 8
居中嵌套的div在引导程序中不起作用
- 9
<div>中的内容居中
- 10
使用引导程序使内容居中对齐
- 11
在引导程序列中将图像和内容居中对齐在height：100％div之内？
- 12
无法在引导程序3上将div居中
- 13
使用引导程序垂直居中 div
- 14
引导程序3：模态框中的响应内容div
- 15
如何使用引导程序类将div居中放置在其他div中？
- 16
使引导程序按钮组在元素中居中
- 17
引导程序中垂直居中的搜索框
- 18
引导程序中连续居中的块
- 19
表单未在引导程序中居中
- 20
如何在引导程序的col-md-12中将div居中
- 21
如何在引导程序的col-md-12中将div居中
- 22
将引导程序推/拉列的内容垂直居中
- 23
两个div放在单个引导程序行中
- 24
使用内容扩展引导程序div宽度
- 25
内容div内部的页脚（引导程序）
- 26
引导程序居中问题
- 27
使引导程序页脚居中
- 28
引导程序的居中问题
- 29
如何在引导程序中将div居中对齐？
我来说两句