将div放在另一个内部,使用固定的现在空白"

时间:2012-02-14 11:41:29

标签: javascript jquery html css

我需要做类似的事情:

enter image description here

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

问题是我不能把它放在<p />之间,因为它是动态内容......我怎么能解决这个问题?

谢谢!

1 个答案:

答案 0 :(得分:1)

您给出的示例看起来像是“浮动:正确”;报价上的风格。 如果这是动态的,您将需要以某种方式标记与其他内容的不同。

这就是我快速做的事情: 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和脚本吗?