Question

我试图把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

Answer 1

哪个div没有居中（你没有指定哪个）。设置

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

应该这样做。

Answer 2

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

Answer 3

看看我为你制作的这个样本，我认为它会起作用

Demo Fiddle

#runway-category {
text-align:center;
border: 1px solid black;
}
.runway-category-posts {
margin: 2px;
}
.photo {
margin:0px 25px 0px 25px;
border: 1px solid black;
}

Answer 4

使用“ div style =“background：green; width：200; height：200; position：absolute;” div style =“background：red; width：100; height：100; margin：auto; position：absolute; top：0; bottom：0; left：0; right：0;”

/格 / DIV“

Div以另一个div为中心

4 个答案: