0

我的页面上有一个 ajax htmlextender。用它评论一些东西。当注释文本有“输入”时，htmlextender 会给它 <p> 标签。我在显示评论时使用 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>

输出如下： 在此处输入图像描述

如何清除空行？

4

4 回答 4

7

删除段落的边距和/或填充：

p {margin: 0; padding: 0}
于 2012-08-02T07:43:02.587 回答
4

您可以从p元素中删除边距。您可能还想删除任何填充（默认情况下不存在）。确保这一点是个好主意。

浏览器开发工具是检查应用了哪些样式的好工具。在 firebug 等中，您可以检查元素以获取应用样式的列表。如果您在 Windows 中，您可以通过按 来获取此信息F12。

只需将其添加到您的 CSS 文件中。或者将其包含在标题中。

p { margin: 0; padding: 0; }

您也可以像这样将其应用于 p 元素，但这是不好的做法，因为您必须将内容和表示分开。现在就这样做，当你需要改变某些东西时，它会让你的生活更轻松。

<p style="margin:0; padding: 0;">This is bad</p>
于 2012-08-02T07:43:10.497 回答
3

空间将是由于应用于p标签的边距和填充。将以下内容添加到<style>标头中的标记或外部样式表中。

p {margin: 0;padding: 0}
于 2012-08-02T07:43:42.947 回答
1

如果您放入p { margin: 0; padding: 0; }您的 CSS 文件，它将影响所有具有该外部样式表的页面中的所有段落。

如果您使用: <p style="margin:0; padding: 0;">，我将不得不同意艾伦的观点，即拥有内联 CSS 并不是一种习惯。

另一种解决方案是使用<span>而不是<p>这样：

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

希望这可以帮助！:)

于 2012-08-02T08:02:30.263 回答