css 非中断空格的处理:< p>&nbsp;< /p>vs.< p>< /p>

1sbrub3j  于 2023-10-21  发布在  其他
关注(0)|答案(4)|浏览(157)

&nbsp;是一个不换行的空格,它表示一个没有换行的空格。
如果我用

<p>&nbsp;</p>

我有两个通道之间的空间(更大的休息)。如果我用

<p> </p>

我只在两个段落之间有一条新的线(没有中断)。为什么?为什么?

wz3gfoph

wz3gfoph1#

在HTML中,只包含正常空白字符的元素被认为是空的。一个只包含一个普通空格字符的段落将具有零高度。非中断空格是一种特殊的空格字符,它不被认为是无关紧要的,因此它可以用作非空段落的内容。
即使您考虑段落的CSS边距,由于“空”段落的高度为零,其垂直边距也会折叠。这导致它没有高度和边缘,使它看起来好像从来没有在那里。

mwg9r5ms

mwg9r5ms2#

变通一下怎么样?在我的例子中,我在一个jQuery变量中获取了textarea的值,并将所有**"<p>&nbsp"更改为<p class="clear">**,并将clear class更改为具有特定的高度和边距,如以下示例所示:

jQuery

tinyMCE.triggerSave();
var val = $('textarea').val();
val = val.replace(/<p>&nbsp/g, '<p class="clear">');

然后将该瓦尔与新的瓦尔一起保存到数据库中。

CSS

p.clear{height: 2px; margin-bottom: 3px;}

您可以根据需要调整高度和边距。由于'p'是一个 * 显示:block* 元素。它应该给你给予预期的输出。
希望能帮上忙!

jq6vz3qz

jq6vz3qz3#

如果我理解你的问题这应该工作
& emsp-em空间;这应该是一个非常宽的空间,通常多达四个真实的空间。&ensp-the en space;这应该是一个比较宽的空间,大概是两个规则的空间。这将是一个狭窄的空间,甚至比普通空间更窄。
来源:http://hea-www.harvard.edu/~fine/Tech/html-sentences.html

xe55xuns

xe55xuns4#

  • 在此数据中 *

“如何才能得到真正的d*ata *

相关问题