
[問題] 英文按鈕的排列在各種Browser不一樣

上面的是用Chrome或是Safari看到的
下面的則是Firefox、IE
很明顯的下面的按鈕排列方式是很整齊,而上面的按鈕則是忽高忽低
我裡面的html只有這樣
<input type="button" style="width: 66px; " class="submit"
onclick="show_div('visitor');" value="Recent">
<input type="button" style="width: 66px; " class="submit"
onclick="show_div('friend');" value="Friends">
<input type="button" style="width: 66px; " class="submit"
onclick="show_div('email');" value="Email">
<input type="button" style="width: 66px; " class="submit"
onclick="show_div('me');" value="Inventory
">
套用到的css只有
.submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FF8901 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:24px;
letter-spacing:1px;
line-height:20px;
padding:0 5px;
}
body, th, td, input, select, textarea, button {
-x-system-font:none;
font-family:Verdana,"Lucida Grande",Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
word-wrap:break-word;
}
可是有趣的一點是,當我把按鈕裡面的文字全部改成中文字的時候
Chrome、Safari看的到排列方式就是整齊畫一
請問這個該怎麼解決,才能讓chrome、safari的排列也是正常的
謝謝回答
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.117.39.194
→
06/23 12:50, , 1F
06/23 12:50, 1F
推
06/23 14:33, , 2F
06/23 14:33, 2F
→
06/23 15:35, , 3F
06/23 15:35, 3F
推
06/24 01:05, , 4F
06/24 01:05, 4F
→
07/01 15:32, , 5F
07/01 15:32, 5F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章