Question

如何设置css样式，将三个按钮在<div>里面居中显示？

如何设置css样式，将三个按钮在<div>里面居中显示？如何设置css样式，将图片中的三个按钮在这个正方形<div>里面居中显示？

Answer 1

固定尺寸就好做

<div style="background-color:#CCCCCC; width:200px; height:200px; position:relative;">
	<div style=" height:30px; width:120px; position:absolute; top:calc(50% - 15px); left:calc(50% - 60px); line-height:30px; background-color:#FFFFFF;">
		<span>查找</span> <span>替换</span> <span>删除</span>
	</div>
</div>
<br />
<br />
<div style="background-color:#CCCCCC; width:200px; height:115px; padding-top:85px;">
	<div style=" height:30px; width:120px;margin-left:40px; line-height:30px; background-color:#FFFFFF;">
		<span>查找</span> <span>替换</span> <span>删除</span>
	</div>
</div>
<br />
<br />
<div style="background-color:#CCCCCC; width:200px; height:200px;">
	<div style=" height:30px; width:120px; line-height:30px; float:left; margin-left:40px; margin-top:85px; background-color:#FFFFFF;">
		<span>查找</span> <span>替换</span> <span>删除</span>
	</div>
</div>

Answer 2

如果方形内没有其他元素，
方形的设置 line-height 跟方形的高度一致， 然后 text-align: center。

Answer 3