div中的標記

我的頁面上有一個ajax htmlextender。用它評論某些東西。當評論文字有「輸入」htmlextender給它標籤。我在顯示評論時使用div。 div中的標記

<div style="background-color:#ff0000; width:95%;"><p>note line 1</p><p> note line 2</p></div> 
<div style="background-color:#ff0000; width:95%; text-align: right; font-size: 11px;">Name Surname</div> 
<div style="background-color:#ff0000; width:95%; text-align: right; font-size: 11px;">02.08.2012 10:04</div>

像這樣的輸出： enter image description here

我如何清除空行？

來源

2012-08-02 Erdinç Özdemir

刪除的段落保證金和/或填充：

p {margin: 0; padding: 0}

來源

2012-08-02 07:43:02

您可以從p元素去除餘量。你可能還想刪除填充是否有任何（默認情況下不存在）。確保沒有那麼少是個好主意。

檢查應用的樣式是瀏覽器開發人員工具的好工具。在螢火蟲和其他人中，您可以檢查元素以獲取應用樣式的列表。如果你在Windows中，你可以通過按F12得到這個。

只需將其添加到您的CSS文件。或者將其包含在標題中。

p { margin: 0; padding: 0; }

您也可以像這樣將它應用到p元素，但是由於您必須分離內容和表示，所以這是不好的做法。現在就做，當你需要改變某些東西時，它會讓你的生活更輕鬆。

<p style="margin:0; padding: 0;">This is bad</p>

來源

2012-08-02 07:43:10

該空格將由於邊距和填充應用於p標籤。將以下內容添加到標題中的<style>標記或外部樣式表中。

p {margin: 0;padding: 0}

來源

2012-08-02 07:43:42 detaylor

如果你把p { margin: 0; padding: 0; }在你的CSS文件時，它會影響所有的頁面的所有段落的有外部的樣式表。

如果你使用：，我將不得不同意艾倫這是不是一個練習有內聯CSS。

另一種解決方案是使用而不是這樣的：

<div style="background-color:#ff0000; width:95%;"><span>note line 1</span><br/><span> note line 2</span></div>

希望這有助於！ :)

來源

2012-08-02 08:02:30

<p></p> div中的標記

回答

<p></p> div中的標記

回答

相關問題