Jquery Tumblr创建了我不知道的段落';我不想要

Jquery Tumblr创建了我不知道的段落';我不想要,jquery,tumblr,paragraph,Jquery,Tumblr,Paragraph,我使用Jquery脚本与文本中的div组合。Tumblr会自动在孤立文本周围放置段落,从而在我的链接后面创建一个空间。即使在html模式下手动删除它们,也会发生这种情况 如何解决这个问题? 非常感谢您的回答 我希望它看起来像这样: Lorem Ipsum只是印刷和排版行业的虚拟文本。 链接1,链接2 但结果是这样的: Lorem Ipsum只是印刷和排版行业的虚拟文本。链接1,链接2 见示例: tumblr后的HTML将其搞乱: <p>Lorem Ipsum is simply d

我使用Jquery脚本与文本中的div组合。Tumblr会自动在孤立文本周围放置段落,从而在我的链接后面创建一个空间。即使在html模式下手动删除它们,也会发生这种情况

如何解决这个问题? 非常感谢您的回答

我希望它看起来像这样:
Lorem Ipsum只是印刷和排版行业的虚拟文本。
链接1,链接2

但结果是这样的:
Lorem Ipsum只是印刷和排版行业的虚拟文本。链接1,链接2

见示例:

tumblr后的HTML将其搞乱:

<p>Lorem Ipsum is simply dummy</p>
<div class="hover"><a href="http://example.com">text</a>
<div class="front"><img src="http://images.roingbaer.com/ludvig.png" /></div>
</div>
<p>, of the printing and typesetting industry.</p>
<div class="hover">Link 1
<div class="front"><img src="http://24.media.tumblr.com/tumblr_lyz7fjMdnN1rp3eymo1_r2_500.jpg" /></div>
<div class="back"><img src="http://24.media.tumblr.com/tumblr_lyz7fjMdnN1rp3eymo1_r2_500.jpg" /></div>
</div>
<p>,</p>
<div class="hover">Link 2
<div class="front"><iframe frameborder="0" height="233" src="http://www.youtube.com/embed/VMeXGE_a8Gg" width="400"></iframe></div>
<div class="back"><iframe frameborder="0" height="480" src="http://www.youtube.com/embed/VMeXGE_a8Gg" width="853"></iframe></div>
</div>
CSS

相关Tumblr代码:

<div id="content">
<!-- Loops for each post-type -->
{block:Posts}
  <div class="post {TagsAsClasses}">
    <div class="post-header">
{block:Text}
      <p class="post-metadata">
      </p>
    </div> <!-- end post-header -->

              <div class="text">
                        <h3>{Title}</h3>

      {Body}
    </div>
    {/block:Text}

{block:Posts}
{block:Text}

{Title} {Body} {/block:Text}
你能发布你的Tumblr源代码吗?有{post}之类的东西吗?当然!更新了帖子!使用
span
元素满足内联需要可能比强制(默认块级别)将
div
元素内联显示要好。Tumblr的HTML生成器似乎试图通过添加段落标记来对块级元素进行排序…@Artroing您找到解决方案了吗?
.back { 
display:none;
width:100%;
height:100%;
position:fixed;
top:0;
text-align:right;
}

.front
{ 
display:none;
max-height:200px;
max-width:auto;
position:fixed;
z-index:-50;
top:0;
right:100px;
}

.hover { 
cursor:pointer;
margin:0;
padding:0;
font-style:italic;
display:inline;
}
<div id="content">
<!-- Loops for each post-type -->
{block:Posts}
  <div class="post {TagsAsClasses}">
    <div class="post-header">
{block:Text}
      <p class="post-metadata">
      </p>
    </div> <!-- end post-header -->

              <div class="text">
                        <h3>{Title}</h3>

      {Body}
    </div>
    {/block:Text}