blocks|key|823973|text|标签具有内置的填充和边距。当你的为空的时候，你可以创建一个CSS选择器和一些javascript相结合。这可能是过度杀伤力，但它应该做你需要它做的事情。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|823974|CSS示例：.NoPaddingOrMargin+{padding:+0px;+margin:0px}|823975|entityMap^0|0|3|J|3|0|6|19|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

<code>&lt;p&gt;</code> tags have built in padding and margin. You could create a CSS selector combined with some javascript for instances when your <code>&lt;p&gt;</code> is empty. Probably overkill, but it should do what you need it to do.

CSS example: <code>.NoPaddingOrMargin {padding: 0px; margin:0px}</code>

blocks|key|609032|text|元素通常具有margins+and+/+or+padding。您可以在样式表中将它们设置为零。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|609033|li+p+{
++++margin:+0;
++++padding:+0;
}|code-block|syntax|javascript|609034|然而，从语义上讲，拥有段落列表是相当不寻常的。|609035|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/CSS21/box.html#mpb-examples^0|0|3|9|O|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<code>&lt;p&gt;</code> elements generally have <a href="http://www.w3.org/TR/CSS21/box.html#mpb-examples" rel="noreferrer">margins and / or padding</a>. You can set those to zero in a stylesheet.

<pre><code>li p {
 margin: 0;
 padding: 0;
}
</code></pre>

Semantically speaking, however, it is fairly unusual to have a list of paragraphs.

blocks|key|824085|text|有两种方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|824086|最好的方法是完全删除。当它添加空间时，它是按照规范执行的。|offset|length|style|CODE|824087|或者，使用CSS设置的样式。类似于：|824088|ul+li+p+{
++++padding:+0;
++++margin:+0;
++++display:+inline;
}|code-block|syntax|javascript|824089|entityMap^0|0|A|3|0|A|3|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|U|8|@$D|V|E|W|F|G]]|9|@]|A|$]]|$1|J|3|K|5|L|7|X|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

There are two ways:

The best way is to remove the <code>&lt;p&gt;</code> altogether. It is acting according to specification when it adds space.

Alternately, use CSS to style the <code>&lt;p&gt;</code>. Something like:

<pre><code>ul li p {
 padding: 0;
 margin: 0;
 display: inline;
}
</code></pre>

blocks|key|824141|text|CSS重置是解决此问题的最佳方法。现在，在reset中，我们使用的是p，在需要的时候，你可以通过分隔来添加任意数量的标签。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|824142|p+{
++++margin:0;
++++padding:0;
}|code-block|syntax|javascript|824143|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

CSS Reset is best way to use for this issue. Right now in reset we are using p and in need bases you can add any number of tags by come separated.

<pre><code>p {
 margin:0;
 padding:0;
}
</code></pre>

blocks|key|609150|text|我不明白为什么要在那里放一个元素。但是，删除段落之间空格的另一种方法是只声明一个段落|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|609151|<ul>
+++<li>HI+THERE</li>
++++ 
++++<li>ME</li>
+++++
+++</ul>|code-block|syntax|javascript|609152|entityMap^0|E|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I don't why you would put a<code>&lt;p&gt;</code>element there.
But another way of removing spaces in between the paragraphs is by declaring only one paragraph

<pre><code>&lt;ul&gt;
 &lt;p&gt;&lt;li&gt;HI THERE&lt;/li&gt;
 &lt;br&gt;
 &lt;li&gt;ME&lt;/li&gt;
 &lt;/p&gt;
 &lt;/ul&gt;
</code></pre>

blocks|key|824191|text|不确定这是否适用于您，但只需用<div>替换|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|824192|entityMap^0|F|5|M|3|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

Not sure if this works for you, but simply replace <code>&lt;p&gt;</code> with <code>&lt;div&gt;</code>

Take this <code>ul</code> for example:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
 &lt;li&gt;HI THERE&lt;/li&gt;
 &lt;br&gt;
 &lt;li&gt;
 &lt;p&gt;ME&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;</code></pre>
</div>
</div>


When the innerHtml of an <code>li</code> tag is blank, the <code>li</code> wraps itself right up to the text.

It doesn't happen for the <code>p</code> tag. I'm assuming this is because <code>p</code> is for paragraphs which usually have white space breaks before and after.

Is there any way to remove this?

Remove space above and below tag HTML

以下面的ul为例：​<ul> <li>HI THERE</li> <li> ME </li></ul>​当li标签的innerHtml为空时，li将自动换行到文本。对于p标记则不会发生这种情况。我猜想这是因为p是针对那些在前后通常有空格分隔符的段落。有什么方...

问删除<p>标记HTML上方和下方的空格
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除<p>标记HTML上方和下方的空格EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除<p>标记HTML上方和下方的空格
EN