文字气泡自适应宽度

最新推荐文章于 2024-09-14 17:38:36 发布

weixin_34132768

最新推荐文章于 2024-09-14 17:38:36 发布

阅读量496

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2561199/blog/693577

版权

2019独角兽企业重金招聘Python工程师标准>>>

实现聊天气泡效果，如图所示：

想要实现的效果图

<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啦！

转载于:https://my.oschina.net/u/2561199/blog/693577