参见英文答案 >
What makes the text on a <button> element vertically centered?5个
为什么基本的< button>的文本内容？元素垂直居中？在检查器中查看按钮的样式后,我无法确定哪个CSS属性对此负责.
为什么基本的< button>的文本内容？元素垂直居中？在检查器中查看按钮的样式后,我无法确定哪个CSS属性对此负责.
button {
width: 200px;
height: 100px;
text-align: left;
}
<button>lorem ipsum</button>
解决方法
我想了很多关于这种行为,但找不到正确的答案,只是一个技巧
button {
width: 200px;
height: 100px;
text-align: left;
position:relative;
}
button span {
position:absolute;
bottom:0;
width:100%;
text-align:center;
}
<button ><span>Example</span></button>
