文档章节

文字气泡自适应宽度

拉普拉斯婷
 拉普拉斯婷
发布于 2016/06/17 17:17
字数 163
阅读 32
收藏 0

实现聊天气泡效果,如图所示:

想要实现的效果图

<dl>
    <dt>15:20:36</dt>
    <dd>
        <img src="images/c_left_tip.png" alt="">
        <div>
             <p>
                在一定价值投资的前提下,注重长短期结合交易在一定价值投资的前提下定价值投资的前提下
             </p>
        </div>
    </dd>        
</dl>

p的内容要自适应文字宽度所以不能设置固定宽度,但是要和左边的img显示在一行,用float实现,没有宽度是不行的,所以关键是给p标签外面加一层div,然后给这个div设置宽度就OK啦!

© 著作权归作者所有

共有 人打赏支持
拉普拉斯婷
粉丝 0
博文 33
码字总数 5836
作品 0
深圳
私信 提问
微信小程序特殊效果合集—左滑、气泡各种酷炫动画

微信小程序的开发并不难,但是有时我们想做出比较炫的效果,可能会一时没有思路或找不到方法。下面就整理了微信小程序的一些特殊效果的案例,均来自网络,供你参考。 1、文字跑马灯效果:htt...

anda0109
2017/08/08
0
0
PopTip View

实现各种弹出消息/tips的效果。点击任意控件,按钮,导航条按钮,工具条按钮(UIBarButtonItem),都会弹出消息气泡。弹出的气泡会自动定位在相应的按钮旁边,并且有小箭头指向这个按钮。气泡...

红薯
2012/07/06
1K
0
纯CSS在线气泡提示生成工具 - CSS ARROW PLEASE!

互联网拥有很多免费的工具和应用,几乎可以帮助你实现任何你需要的UI组件和设计,大家还记得上周我们介绍的纯CSS实现的气泡式提示文章吗?今天我们将介绍一个在线的生成气泡式提示的web工具 ...

柠檬酷
2015/10/14
156
0
iOS中弹出的气泡自定义

点击大头针的时候出现气泡,位置信息很短的时候文字可以适配气泡的长度,但是位置信息过长就不会显示完全,后面就有3个点点,该怎么实现完全显示呢?

小雪猪929
2014/09/02
2.9K
2
Popup View

实现各种弹出视图/气泡效果。点击任意控件,如按钮、导航条按钮、工具条按钮等,都会弹出消息气泡。弹出的视图会自动定位在相应的按钮旁边,并且有小箭头指向这个按钮。可以在弹出视图上加文...

匿名
2012/07/06
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

我的Linux系统九阴真经

我的Linux系统九阴真经 在今天,互联网的迅猛发展,科技技术也日新月异,各种编程技术也如雨后春笋一样,冒出尖来了。各种创业公司也百花齐放百家争鸣,特别是针对服务行业,新型互联网服务行...

linuxCool
43分钟前
11
0
Python程序员需要知道的30个技巧

1 直接交换两个数字位置 1x, y = 10, 202print(x, y)3x, y = y, x4print(x, y)5#1 (10, 20)6#2 (20, 10) 2 比较运算符的链接 1n = 102result = 1 < n < 203print(result)4# True5result = 1 ......

糖宝lsh
43分钟前
7
0
[LintCode] Linked List Cycle(带环链表)

描述 给定一个链表,判断它是否有环。 样例 给出 -21->10->4->5, tail connects to node index 1,返回 true。 这里解释下,题目的意思,在英文原题中,tail connects to node index 1 表示的...

honeymose
54分钟前
8
0
Android :报错Your project path contains non-ASCII characters.

报错内容如下 Your project path contains non-ASCII characters. This will most likely cause the build to fail on Windows. Please move your project to a different directory. See ht......

lanyu96
今天
7
0
Nginx平滑添加模块

Nginx已经编译安装并运行了一段时间, 然后某一天, 发现需要用到某个模块但当初没有编译, 这个时候怎么办呢? 卸载重新安装肯定可以的, 如果Nginx版本没有变更的话, 则有一个相对平滑的方法来添...

老菜鸟0217
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部