為什么選項卡之間有空格？

Question

HTML/CSS 編碼的新手。 每次我將此代碼插入我正在使用的 CMS 時，選項卡之間都會有空格。 我已將代碼插入隨機的在線編輯器中，中間沒有顯示空格。 我究竟做錯了什么？

（這迫使我寫更多的細節）。 我使用的 CMS 是由一家獨立的小公司開發的，因此編輯功能存在一些限制。 不確定這是否與它有關。

我要： 1

我有（你可以忽略標題的變化）： 2

 <style> body { background: #fff; font-family: 'Arial'; }.mytabs { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 50px auto; padding: 0px; }.mytabs input[type="radio"] { display: none; float: left; }.mytabs label { padding: 25px; background: #612141; font-weight: bold; color: #fff; }.mytabs.tab { width: 100%; padding: 20px; background: #fff; order: 1; display: none; border: solid; border: 3px solid #a6192e; }.mytabs.tab h2 { font-size: 2em; }.mytabs input[type='radio']:checked + label +.tab { display: block; }.mytabs input[type="radio"]:checked + label { background: #c1a91e; } </style>

 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="mytabs"> <input type="radio" id="tabbananas" name="mytabs" checked="checked"> <label for="tabbananas">Bananas</label> <div class="tab"> </div> <input type="radio" id="tabapples" name="mytabs"> <label for="tabapples">Apples</label> <div class="tab"> </div> <input type="radio" id="taboranges" name="mytabs"> <label for="taboranges">Oranges</label> <div class="tab"> <p>&nbsp;</p> </div> </div> </div> </body> </html>

Answer 1

首先，我無法重現該問題，因為它在標簽之間沒有空格。 無論如何，如果您將標簽邊距設置為 0，我想這個空格將被刪除；

 .mytabs>label { margin: 0;important }

Answer 2

我認為您應該嘗試重置 ZC7A628CBA22E28EB17B5F5C6AE2A266AZ： https://meyerweb.com/eric/tools/css/reset/復制此內容並粘貼到 ZC7A628CBA22E28EB17B5F5C6AE2A266 的頂部。

為什么選項卡之間有空格？

問題描述

1 個解決方案

解決方案1
1 2022-07-25 05:10:01

解決方案2
-1 2022-07-25 05:21:29

為什么選項卡之間有空格？

問題描述

1 個解決方案

解決方案1 1 2022-07-25 05:10:01

解決方案2 -1 2022-07-25 05:21:29

解決方案1
1 2022-07-25 05:10:01

解決方案2
-1 2022-07-25 05:21:29