我在Wordpress TinyMce编辑器中具有以下代码:
<section style="box-sizing: border-box;">
<section style="display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; background: red; height: 30px;"></section>
<section style="display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; background: blue; height: 30px;"></section>
</section>
然后我将其作为结果: Two element block in a same row
但是,当wordpress渲染此html时,它将美化HTML并将我的原始html转换为以下内容:
break
经过几个小时的研究。我注意到这是因为两个内联块之间的空间。 我尝试了“ font-size:0”方法,在这种简单情况下,它可以正常工作。
但是,有时我需要将复杂的原始html复制到我的Wordpress网站。添加“ font-size:0”属性会弄乱整个事情。因此,我正在寻找一种无需触摸html的解决方案,并且想知道是否有人可以告诉我如何在Wordpress中禁用此自动格式设置,或者仅禁用每个元素末尾的“自动换行”
非常感谢:-]