在写页面的时候,发现按钮里面的文本会自动居中,不需要设置水平和垂直居中。通过测试来研究按钮都有哪些默认的属性。
编写代码如下:
显示结果如下:
可以得知:input按钮里面的文本会默认水平以及垂直居中;盒子默认有一个内边距;默认有一个边框。
对于button元素:
可以得知:button元素里面的文本会默认水平以及垂直居中;盒子默认有一个内边距;默认有一个边框。
从结果上看,可以得知行内块元素在显示时有一个很大的缺点:两个行内块元素之间会默认有一个空隙。解决办法是给两个盒子都添加浮动。