為什么bottom設(shè)置vertical-align不起作用呢
<!DOCTYPE html>
<html>
?<head>
??<meta charset="utf-8">
??<title></title>
??<style type="text/css">
???.text {
????background-color: #343434;
???}
???span {
????vertical-align: middle;
????
???}
???img {
????vertical-align: middle;
???}
???button {
????vertical-align: baseline;
???}
??</style>
?</head>
?<body>
??<div class="text">
???<span>1234</span>
???<img src="./img/bs.jpg" >
???<button type="button"></button>
??</div>
??
?</body>
</html>
2020-04-22
如下圖所示：
2020-04-22
測(cè)試了一下給button 設(shè)置 vertical-align 是有效的。(元素存在沒(méi)有完全對(duì)齊的原因是字符X的位置比正常位置要偏低)