我正在设置div对象的样式,使其内容的行为类似于普通文本。
首先,我将其线条高度设置为默认值line-height
段落中的一行。
我通过添加以下css代码实现了这一点
.myclass div {
margin: -1.43em 0 -0.93em 0;
}
这样,通过在WP编辑器中编写
badp
<div class=myclass>badp</div>
badp
垂直间距已更改,如图所示
接下来,我希望编辑器中div后面的空行与网页中的空行相对应。也就是说,我希望通过写作
badp
<div class=myclass>badp</div>
badp
垂直间距将更改,如图所示
我知道这可以通过插入
在空行中,但是否可以像我们通常对普通文本所做的那样,通过简单地留下空行来实现它?
最合适的回答,由SO网友:sound wave 整理而成
解决方案是创建一个新类,例如extra-space
, 使用cssmargin-bottom: 0.5em
并写入
<div class="myclass extra-space">...text...</div>
当div需要更多空间时。
重要提示:课堂extra-space
必须放在style.css
文件,否则将不会添加额外的空间。