是否可以将两个div包裹起来就像它们的一行一样?
<div class="multiLine">
<div class="topLine"></div>
<div class="bottomLine"><div>
</div>
因此,如果顶行全部为“ A”,而底行全部为“ B”,我们将看到它像
AAAAAAAAA
BBBBBBBBB
AAAAAAAAA
BBBBBBBBBBB
我正在尝试使用JavaScript,jQuery和css3完成此操作。
实际上,这可以仅通过使用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/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句