自定义div包含的位置

Question

是否可以将两个div包裹起来就好像它们的一行一样？

<div class="multiLine">
<div class="topLine"></div>
<div class="bottomLine"><div>
</div>

所以,如果顶线全部是"A",而底线都是"B",那么我们会看到它包裹起来

AAAAAAAAA
BBBBBBBBB
AAAAAAAAA
BBBBBBBBB

我正在尝试使用JavaScript,jQuery和css3来实现这一目标.

Answer 1

实际上,这可以通过使用CSS并使用div位置和线高来进行.

例如:

.multiLine {
    position:relative;
    width:100px;
    eight:100px;
}

.topLine {
    position:absolute;
    word-break:break-all;
    line-height:40px;
    top:20px;
}

.bottomLine {
    position:absolute;
    word-break:break-all;
    line-height:40px;
}

虽然它可能不是您想要的最佳解决方案,但这可行.这取决于上下文以及您希望通过此效果实现的目标.

编辑:您可以在这里看到它的样子:http://jsfiddle.net/78f94/