Question

我希望slogan div位于col3 div

内

我正在使用

width: 50%; 
margin: auto;

内部div上的

但仍无法正常工作。

Answer 1

您需要将'text-align：center'添加到col3。

Answer 2

.slogan {
color:#143063;
font-size:18px;
**line-height:92px;** //Add this line without the asterisks(*)
margin:auto;
text-align:center;
width:50%;
}

Answer 3

<style>
    .col3{
        display:table-cell;
        width:200px;height:200px;
        text-align:center;
        vertical-align:middle;
        border:1px solid blue;
    }

    .col3 .slogan{
        border:1px solid red;width:100px;height:100px;
        display:inline-block;
    }
</style>

<div class="col3">
    <div class="slogan">
    </div>
</div>

您可以将任何高度或宽度赋予 col3 或标语 css将使其始终居中对齐

你可以将任何元素放在口号中，它将居中对齐：）

Answer 4

我看到你有一个名为col3的div和一个嵌套的slogan div。我就是这样做的。

#col3 {
   width: 100%;
   text-align: center;
}
.slogan {
   width: 600px;
   margin: 0px auto;
   text-align: left;
}

slogan应该有一个固定的边距宽度：0px auto to center it。

将div放在div中

4 个答案: