只需在编辑器中保留一个空行,就可以在div之后获得一个空行

时间:2019-09-12 作者:sound wave

我正在设置div对象的样式,使其内容的行为类似于普通文本。

首先,我将其线条高度设置为默认值line-height 段落中的一行。

我通过添加以下css代码实现了这一点

.myclass div {
    margin: -1.43em 0 -0.93em 0;
}
这样,通过在WP编辑器中编写

badp
<div class=myclass>badp</div>
badp
垂直间距已更改,如图所示

enter image description here


接下来,我希望编辑器中div后面的空行与网页中的空行相对应。也就是说,我希望通过写作

badp
<div class=myclass>badp</div>

badp
垂直间距将更改,如图所示

enter image description here

我知道这可以通过插入&nbsp; 在空行中,但是否可以像我们通常对普通文本所做的那样,通过简单地留下空行来实现它?

1 个回复
最合适的回答,由SO网友:sound wave 整理而成

解决方案是创建一个新类,例如extra-space, 使用cssmargin-bottom: 0.5em 并写入

<div class="myclass extra-space">...text...</div>

当div需要更多空间时。

重要提示:课堂extra-space 必须放在style.css 文件,否则将不会添加额外的空间。

相关推荐

使用操作、筛选器或挂钩将HTML附加到WordPress插件函数

我不熟悉WordPress操作、过滤器和挂钩,我想知道是否可以使用这三种方法中的一种,使用主题函数将一些HTML附加到定义的插件函数中。php文件。HTML是当前插件主PHP文件中的帮助文本,但我想将其移到函数中。php文件,因为插件将来会更新。带有“追加文本”类的段落应该使用动作、过滤器或挂钩追加到HTML中。插件功能:public function insert_upload_form() { if ( ! current_user_can( \'upload_files\' ) )