0

我正在尝试将 div 居中在另一个 div 中。

这是我的 HTML

<div id="runway-category">
   <a href="<?php the_permalink() ?>" class="runway-category-posts">
      <div class="photo"><?php custom_get_post_attachments(get_the_ID(), $__width, $__height, get_the_title()); ?><div class="runway-title"><?php the_title(); ?></div></div>
   </a>         
</div>

这是CSS

.runway-category-posts{width:298px;height:500px;margin: 0 9px 18px 9px;float:left;display:block;}
.runway-title{text-align:center;font-family:tall_film;color:#FFF;font-size:20px;}

我应该在 css 中添加什么来做到这一点？

编辑 - 应该在 PHOTO div 中居中的 div 是 RUNWAY-TITLE

4

4 回答 4

0

看看我为你制作的这个样本，我认为它会成功

演示小提琴

#runway-category {
text-align:center;
border: 1px solid black;
}
.runway-category-posts {
margin: 2px;
}
.photo {
margin:0px 25px 0px 25px;
border: 1px solid black;
}
于 2013-09-21T06:17:20.903 回答
0

使用“ div style="background:green;width:200;height:200;position:absolute;" div style="background:red;width:100;height:100;margin:auto;position:absolute;top:0 ;下:0;左:0;右:0;"

/div /div"

于 2013-09-21T06:23:05.893 回答
0

无论哪个 div 没有居中（你没有指定哪个）。放

margin-left: auto;
margin-right: auto;

这应该够了吧。

于 2013-09-21T06:04:13.263 回答
0

只需将高度和宽度分配给内部 div。将 innerdiv 的 margin-left 和 margin-right 分配给'auto'。

于 2013-09-21T06:04:41.173 回答