HTML標籤標籤在包含內容時在元素上方添加空格

我有一個表單元素列表。標籤貼在每個元素旁邊。有些標籤，有些標籤有文字。他們在不同的瀏覽器中表現不同。HTML標籤標籤在包含內容時在元素上方添加空格

基本上發生的事情是，具有文本的標籤正在列表項上方創建空白。形式是比這要複雜得多，但我已經熬下來到這個基本代碼：http://jsfiddle.net/uZ2Et/

#cleanVersion li { 
    display: inline-block; 
    border: 1px solid gray; 
    height: 200px; 
    margin: 0; 
    padding: 0; 
} 
#cleanVersion label { 
    display: inline-block; 
    font-size: 70px; 
    background-color: blue; 
    border: 0; 
    margin: 0; 
    padding: 0; 
    width: 200px; 
    height: 150px; 
} 
 

<div id="cleanVersion"> 
    <ul> 
     <li><label>test</label></li> 
     <li><label></label></li> 
    </ul> 
</div>

我試圖調整頁邊距，邊框，填充，行高...但還是標籤保持不一致。

我該如何擺脫顯示在列表項上方的文本內容的空白？

編輯：下面是一個更復雜的例子更接近什麼，我實際上做：http://jsfiddle.net/uZ2Et/6/

來源

2012-10-03 user1337

使用vertical-align: top;的列表項：http://jsfiddle.net/uZ2Et/1/

來源

2012-10-03 21:53:02 tuff

在我的簡化版的作品。在我試圖做的工作中，它沒有。試一試這個http://jsfiddle.net/uZ2Et/6/ – user1337

把它放在列表項目的子項然後：'.refine-search-container li> * {vertical-align：top; }'http://jsfiddle.net/uZ2Et/9/ – tuff

好吧，所以我必須爲每個元素添加'vertical-align：top;' - 標籤，選擇，輸入 - 然後它們全部對齊。以前，我把所有東西都垂直對齊，這是我的目光，但後來我遇到了這個問題，它在瀏覽器中並不一致。至少現在他們都處於頂端，並且在所有瀏覽器中都應該保持一致。感謝您幫助我考慮進一步調查。 – user1337

HTML標籤標籤在包含內容時在元素上方添加空格

回答

相關問題