用CSS让按钮垂直居中显示信息的思路及编码

2021-01-20 08:59 jianzhan
便是保证相近于下图这类实际效果
 

根据简易的Css款式便可以完成

拷贝编码
编码以下:

<div style="margin:0 auto;width:200px;">
<input class="submit" id="btn" type="submit" value="申请注册" />
</div>

应用margin-left:auto;margin-right:auto; 可让你的div垂直居中对齐。 .style{margin-left:auto;margin-right:auto;} 缩写方式为: .style{margin:0 auto;} 数据0 表明左右边距是0。能够依照必须设定成不一样的值。
后边的那个width也是个很关键的特性,由于按钮的宽度十分小,因此要设定1个适合的width值才可让你的按钮垂直居中显示信息哦~