我有按鈕，我通常只添加文本。這樣，vert。中的按鈕對齊沒問題<td> 。（代碼 1）。
但是當我也向按鈕添加影像時，按鈕的對齊方式會丟失。<td>高度變高，按鈕與底部對齊。什么是故障？
.td_button_bar {
background-color: #eaf2f8;
border: none;
left: 10px;
}
.button {
width: 75px;
height: 50px;
background-color: #eaf2f8;
border: 1px solid;
border-color: #aed6f1;
display: inline-block;
font-size: 13px;
border-radius: 5px 5px 5px 5px;
color: #212f3c;
padding-top: 10px;
}Code-1 vert.alignment OK:
<table>
<tr class="tr_button_bar">
<td class="td_button_bar" align="left" valign="middle">
<button class="button">Connect</button>
<button class="button">Disconnect</button>
</td>
</tr>
</table>
Code-2 vert.alignment Not OK:
<table>
<tr class="tr_button_bar">
<td class="td_button_bar" align="left" valign="middle">
<button class="button"><img src="https://w7.pngwing.com/pngs/923/71/png-transparent-computer-icons-connect-miscellaneous-angle-technology-thumbnail.png" width="20" height="20" align="middle">Connect</button>
<button class="button"><img src="https://w7.pngwing.com/pngs/627/934/png-transparent-computer-icons-electrical-connector-ac-power-plugs-and-sockets-plug-in-connect-miscellaneous-computer-program-electrical-connector-thumbnail.png" width="20" height="20" align="middle">Disconnect</button>
</td>
</tr>
</table>uj5u.com熱心網友回復：
添加margin-top = 0;和padding = 0 0 0 0;在影像上，這將有助于調整按鈕內的影像和文本。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/511243.html
上一篇：2按鈕合并。無法在JAVA&SELENIUM中選擇第一個
下一篇：使用dom操作更改文本內容