首頁 >web前端 >html教學 >瀏覽器的相容模式下的button中文字垂直方向不居中顯示

瀏覽器的相容模式下的button中文字垂直方向不居中顯示

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-08-22 10:14:001624瀏覽
<span style="color: #0000ff;"><</span><span style="color: #800000;">button </span><span style="color: #ff0000;">style</span><span style="color: #0000ff;">="cursor:pointer;vertical-align: middle;"</span> <span style="color: #0000ff;">></span>删除<span style="color: #0000ff;"></</span><span style="color: #800000;">button</span><span style="color: #0000ff;">></span>

這時垂直不居中。

<span style="color: #0000ff;"><</span><span style="color: #800000;">button </span><span style="color: #ff0000;">style</span><span style="color: #0000ff;">="cursor:pointer;vertical-align: middle;<span style="color: #ff0000;"><strong>height</strong></span>:21px;"</span> <span style="color: #0000ff;">></span>删除<span style="color: #0000ff;"></</span><span style="color: #800000;">button</span><span style="color: #0000ff;">></span>

這時候垂直居中了。對它添加了height樣式。

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:JavaScript基礎下一篇:JavaScript基礎