自定义div包装到的位置

帕帕特

是否可以将两个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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS:使用angular属性指令将元素包装到自定义模板中

来自分类Dev

如何通过Gson集合将json数组包装到自定义对象?

来自分类Dev

将Alamofire调用包装到Swift中的自定义对象中?

来自分类Dev

如何在 C# 中将子控件的事件绑定/包装到自定义控件的事件?

来自分类Dev

如何使用自定义div包装jqueryUI工具提示?

来自分类Dev

在自定义div中包装wordpress帖子和标题

来自分类Dev

设置用于包装 div 的自定义 css

来自分类Dev

如何使 npm install 依赖于自定义位置并避免在 node_modules 中包装?

来自分类Dev

Android Studio 1.5.1上的AVD Manager并安装到自定义位置模拟器不会运行

来自分类Dev

如何在centos6中将软件包安装到自定义位置

来自分类Dev

Arraylist自定义位置

来自分类Dev

自定义按钮位置

来自分类Dev

android:自定义视图布局包装

来自分类Dev

Symfony:如何避免自定义表单类型自动包装在div中?

来自分类Dev

将包安装到自定义目录

来自分类Dev

定义自定义位置别名

来自分类Dev

自定义cursoradapter错误位置

来自分类Dev

自定义库的常用位置

来自分类Dev

自定义错误消息和位置

来自分类Dev

雄辩的搜索/自定义属性的位置

来自分类Dev

位置的自定义图标。可能吗?

来自分类Dev

单张自定义控件位置:居中

来自分类Dev

使Google自定义搜索位置感知

来自分类Dev

自定义cursoradapter错误位置

来自分类Dev

存储自定义功能的最佳位置?

来自分类Dev

iOS:设备上的自定义位置

来自分类Dev

CloudFront自定义文件位置

来自分类Dev

Swift UIView自定义位置

来自分类Dev

Rails自定义结果的位置