如何设置css样式,将三个按钮在里面居中显示?
发布网友
发布时间：2022-04-06 13:18
共3个回答
热心网友
时间：2022-04-06 14:47
固定尺寸就好做
<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>
热心网友
时间：2022-04-06 16:05
方形的设置 line-height 跟方形的高度一致， 然后 text-align: center。
热心网友
时间：2022-04-06 17:40
