javascript - 将一个 div 定位在另一个固定且现在为 "white space"的 div 中

Question

我需要做类似的事情:

这是我所知道的: http://jsbin.com/apikiw/3/edit#preview

问题是我不能把它放在 <p /> 之间因为它是动态内容...我该如何解决？

谢谢!

Answer 1

您给出的示例看起来有一个“float:right;”报价单上的风格。如果这是动态的，您将需要以某种方式将其标记为与其余内容不同。

这是我很快做的: http://www.cyba.co/test.html

请注意，在 HTML 中，引用的部分出现在它缩进的部分之前。如果此文本被标记为该部分的标题，这就是您应该构建 HTML 的方式。

[编辑以显示 CSS 和 jQuery]

.1-post-content p {
    display:block;
}

$(document).ready(function() {
    var $quotation=$('.1-post-quotation').clone();
    $('.1-post-quotation').remove();
    $quotation.insertAfter('.1-post-content p:nth-child(1)');
}

注意事项:这是主要的，但当然你仍然需要根据你的需要定制它，例如每次使用时数据如何变化，确定引用部分的放置位置等。此外，如果您确实使用 jQuery，请不要忘记包含 jQuery 脚本文件!

我不想假设太多 - 您可以在何处添加 CSS 和脚本吗？