创建按钮<button type="button" class="button">-</button>但是通过css进行调整格式出现问题

.button{
width:15px;
height:15px;
text-align:center;
position:relative;
vertical-align:middle;
}
在chrome中大小显示正确，但是“-”偏向有下角，在ie浏览器中直接显示成了长方形，且“-'显示不出来，删掉css后再chrome中能正常显示出来 。这是什么原因？

你这个宽度和高度设置的太小了，html元素都有一些属性默认值。
这里显示偏了，其实是设置的高度太小，如果把width和height改成150或更大，都会显示在正中间的。

用input 来写。

你好 首先试试 margin:0 padding:0 去掉默认值 其次 你按钮中的字 是否较多 15px 也就能放下一个字而已 建议加长 另外 规定下字体大小 font-size:12px; 希望能帮到你 谢谢