基本上,我制作了一个基于层次的定价网格,它需要看起来像这样:
然而,当我的代码被放到网页上时(通过Wordpress) 一组随机的
标签位于' 10+会话之上"定价盒,它弄乱了间距。
标签有20px的顶部填充。
看起来像这样:
所以,我检查了元素,发现盒子上方有一组
标签,顶部填充为20px。
<div class="rpt_plan rpt_plan_ori rpt_plan_3 " style="
margin-left: 0px;
width: 565px;
margin-top: 0px;
"><p></p>
<div class="rpt_title rpt_title_3">10+ Sessions</div>
<div class="rpt_head rpt_head_3" style="
height: 152px;
"><p></p>
<div class="rpt_recurrence rpt_recurrence_3">Per Hour</div>
<div class="rpt_price rpt_price_3"><span
class="rpt_currency">£</span>20</div>
</div>
<p><a target="_self" href="#" style="background: rgb(243, 167,
6);cursor: pointer;height: 45px;" class="rpt_foot rpt_foot_3 pum-
trigger">Sign Up</a></p>
</div>
在打开div之后
标签是问题所在。
但是,标签不在原始源代码中,即:
<div class="rpt_plan rpt_plan_ori rpt_plan_3 " style="
margin-left: 0px;
width: 565px;
margin-top: 0px;
">
<div class="rpt_title rpt_title_3">10+ Sessions</div>
<div class="rpt_head rpt_head_3" style="
height: 152px;
">
<div class="rpt_recurrence rpt_recurrence_3">Per Hour</div>
<div class="rpt_price rpt_price_3"><span
class="rpt_currency">£</span>20</div>
</div>
<p><a target="_self" href="#" style="background: rgb(243, 167,
6);cursor: pointer;height: 45px;" class="rpt_foot rpt_foot_3 pum-
trigger">Sign Up</a></p></div>
我无法弄清楚为什么
标签存在。
有人可以帮忙吗?
由于
答案 0 :(得分:0)
对于有类似问题的人,请安装一个名为Raw HTML for Wordpress的插件。这可以防止Wordpress尝试格式化您的原始HTML并添加随机段落标记。