Safari css鏈接不在行

我有一個Safari的問題。在第二行中的所有瀏覽器中，輸入和鏈接都位於除Safari之外的同一行中。任何想法爲什麼？Safari css鏈接不在行

HTML

<div id="searchWrapper01"> 
<div id="regulationsSearch"> 
    <span class="item01">Traži u:</span> 
    <select class="item02"> 
     <option value="0">Naslovu i tekstu</option> 
     <option value="1">Naslovu</option> 
    </select> 
    <input type="text" class="item03" /><a href="/#search" onclick="vent.trigger('loadData:searchRegulationsResults')" class="item04">Traži</a> 
</div>

jsfiddle.net

來源

2013-08-25 Mladen Stanojevic

沒有問題的Safari都過，只是檢查了它。 Firefox（http://s17.postimg.org/j2g195si7/screenshot_23.jpg）和Safari（http://s17.postimg.org/6zapllhfz/screenshot_24.jpg） –

不在我的情況下http：//s22.postimg。組織/ b9navrdxd/safari.jpg –

有時可以有瀏覽器之間的差異1px的，版本等等等等，這是因爲你使用的利潤率和浮動。在這種情況下使用display: inline-block。

DEMO jsFiddle

#regulationsSearch .item03{ 
    display: inline-block; 
    position:relative; 
    width:181px; 
    height:24px; 
    border:solid 1px #333; 
    padding:0 5px; 
    margin:5px 5px 0 0; 
    outline:none; 
} 
#regulationsSearch .item04{ 
    display: inline-block; 
    position:relative; 
    width:60px; 
    height:26px; 
    text-align:center; 
    line-height:26px; 
    background-color:#333; 
    color:#fff; 
    text-decoration:none; 
    margin:5px 0 0 0; 
    font-size:12px; 
}

來源

2013-08-25 14:27:14 Vector

Safari css鏈接不在行

回答

相關問題