如何刪除fieldset圖例下方的空間

我使用fieldset內的表格，並且在圖例下方有一個間隙，我將其移除。我在fieldset和圖例內聯樣式上都嘗試使用padding:0px和margin:0px。但沒有人工作。請幫我提一些建議。如何刪除fieldset圖例下方的空間

謝謝！

編輯：

的代碼是非常巨大的，因爲我使用的選擇菜單。但是這裏是代碼的概述。

<fieldset> 
      <legend><b>Options</b></legend> 
      <table> 
      <tr> 
       <td colspan="1"><label>Passengers:&nbsp; </label></td></tr></table>  
</fieldset>

margin和padding正在爲fieldset工作，但它對於圖例沒有任何作用。有什麼辦法可以消除傳奇產生的差距？

來源

2012-09-23 A Mohammed Hussain

你能提供一些示例代碼嗎？這將調試此問題。 – xhochy

嘗試使用負值作爲表格/ fieldset/legent的邊距和填充 –

默認渲染可能包括旨在使文檔外觀易讀的填充。默認值因瀏覽器而異，但它們可能包括垂直填充fieldset和legend，它們幾乎可以肯定包括td元素的垂直填充。爲了消除這種填充，您可以設置：

legend { 
    padding-top: 0; 
    padding-bottom: 0; 
} 
fieldset, td { 
    padding-top: 0; 
}

但也有表格單元格之間的默認間距，這意味着即使在一個單細胞表中的單元格周圍的一些空間。跨瀏覽器的方法來消除是：

table { 
    border-collapse: collapse; 
}

添加此移除圖例和單元格內容之間的間距在IE和瀏覽器（可以通過設置在legend和label元件背景顏色看到這一點）。在Firefox上，一個像素的差距似乎依然存在，沒有明顯的解釋。

來源

2012-09-23 17:31:26

根據Eric Meyer's reset,margin:0;和padding:0;對fieldset和legend都應該做這個工作。

Testing your code in a fiddle它實際工作，使一對夫婦的其他的東西，可能會導致此問題是：/

填充/保證金放在桌子上設置TD
LINE-HEIGHT

來源

2012-09-23 09:54:18 Giona

我已使用編碼編輯問題，謝謝！ –

我已經編輯了答案:) – Giona

看起來傳說和表格之間有空格，我嘗試刪除圖例，字段和表格之間出現空格。有沒有辦法刪除它。 –

要刪除標籤下方的空白，請使用margin-top：-ve px;

就像：字段集和傳說

<fieldset> <legend><b>Options</b></legend> <table style="margin-top:-13px;"> <tr> <td colspan="1"><label>Passengers:  </label></td></tr></table> </fieldset>

來源

2015-06-16 11:55:15

瀏覽器格式的瀏覽器之間，但在任何情況下變化很大的是一個爛攤子。

如果您的開場字體套件標籤和第一個標籤之間有空格，則會添加BREAKS。傳說也一樣。

避開它的最簡單方法是刪除標籤之間的所有空白。

來源

2015-07-02 21:40:25 Cyberwip

我只是爲了爭取在字段集中使用絕對定位時瀏覽器之間的相同行爲。

我發現當添加一個legend到fieldset是，Chrome和IE會移動的字段集的上邊框下面的文本的中間，但所含的元素相對於原來的頂部仍然定位會發生fieldset。但Firefox也會將包含的元素的頂部移動到圖例下方。 FF也會允許圖例文本本身之上和之下的空間。

我終於能加入這個CSS來克服它：

legend { 
    line-height: 0; 
}

傳說不動，上邊框然後加入和定位是在Chrome，IE和FF相同。

來源

2017-04-28 14:57:57

如何刪除fieldset圖例下方的空間

回答

相關問題