我有一个宽度为100%的div。
我想把一个按钮放在中间,该怎么做呢?
<div style="width:100%; height:100%; border: 1px solid">
<button type="button">hello</button>
</div>
发布于 2014-11-06 21:21:57
你可以这样做:
<div style="text-align: center; border: 1px solid">
<input type="button" value="button">
</div>
或者你可以这样做:
<div style="border: 1px solid">
<input type="button" value="button" style="display: block; margin: 0 auto;">
</div>
第一个将居中对齐div中的所有内容。另一个只会居中对齐按钮。
发布于 2011-09-27 04:24:14
由于提供的细节有限,我将假定最简单的情况,并说您可以使用text-align: center
发布于 2015-12-09 00:45:17
使用flexbox
.Center {
display: flex;
align-items: center;
justify-content: center;
}
然后将类添加到您的按钮。
<button class="Center">Demo</button>
https://stackoverflow.com/questions/7560832
复制相似问题