在Web應用程序中使用HTML表格時消除換行符

我遇到了應用程序/瀏覽器在顯示錶單中的HTML表格頂部預先換行的問題。我用換行符突出顯示了空間，並在Web瀏覽器中進行了檢查。我是能夠成功地使用在Web應用程序中使用HTML表格時消除換行符

div br{ 
    display: none; 
}

消除換行符，然而，這一行動也將刪除應用程序的其他HTML組件的所有其他換行符。我對CSS/HTML的使用經驗非常有限，因此我要求提供輸入信息，關於如何使用CSS刪除表單中的換行符，而不影響應用程序中的其他HTML組件。

2016-10-22 COCO

只需使用更具體的選擇器，如'form。form-item br {...}'。 – Terry

謝謝你的提示，特里。如果我想回到非常具體的話，是否會 - > form .form-item form-desc bound-visible br {...}？ – COCO

我在想你應該避免創可貼並解決問題。什麼是創建/追加這些'
'元素到你的文檔？ –

你應該解決什麼產生這麼多<br>標籤。

但是要在特定元素內使用CSS刪除它，您應該在該元素內部標記<br>標記。如果你wan't刪除<br>標籤內<p class="form-item form-desc bound-visible">然後瞄準它像這樣在CSS

所以：

.form-item br { 
    display: none; 
}

如果你想目標元素與多個類像這樣做：

.form-item.form-desc.bound-visible br { 
    display: none; 
}

如果您有多個表格和元素form-item，那麼您可以將id添加到您的表格中，然後以您需要的形式爲目標。
類似這樣https://jsfiddle.net/py9n7xwe/

2016-10-22 02:39:57 jakob

非常好。謝謝jakob。 – COCO

回答