我试图将一个div放在另一个div的中间,但总是左对齐它。我怎么容易做到的?
null
<div>
<div>
<p>This I want center</p>
</div>
</div>
null
这个问题可以用最简单的谷歌搜索来回答,但是最明显的方法是给他们CSS类,然后用CSS来设计他们
<div class="parent">
<div class="child">
<p>Centred</p>
</div>
</div>
和CSS中
.parent{
display: grid;
place-items: center;
background-color: red;
}
.child{
background-color: blue;
}
如果只是文本,您可以使用:
text-align: center;
如果你想对齐div,给你想居中的div一个边距:auto,但一定要先给它一个宽度,否则就不行了。例如:
width: 500px;
margin: auto;