H5 页面中，模仿微信对话框气泡的样式，支持多行显示，有好看的推荐吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2991 天前的主题，其中的信息可能已经有所发展或是发生改变。

纯 css 的，模拟对话框气泡的效果那种，找了几个觉得难看，有比较好看的推荐一下吗？

8 条回复 • 2018-02-05 21:00:59 +08:00

fengyj

2018 年 2 月 4 日

Bootstrap 记得有的。我觉得那种对话框比微信那个好看点。
整出来的样子差不多就是这样。
https://i.loli.net/2018/02/04/5a771d7bcca1a.png

yuanfnadi

2018 年 2 月 4 日 via iPhone

微信官方有 css 库。叫做 weui

miniyao

2018 年 2 月 5 日 via Android

@huiyifyj 谢谢，这个 bs 的不错！截图的链接可以贴一下吗？我看下是咱改的

fengyj

2018 年 2 月 5 日 via Android

我是 bs 从 v4 的示例文档截取的。

miniyao

2018 年 2 月 5 日

@huiyifyj 我在 bs v4 版的文档里 v4-alpha.getbootstrap.com/getting-started/introduction/ 子项都找了，没看到吖，是找的地方不对吗？

fengyj

2018 年 2 月 5 日

@miniyao
我好像看错了，链接是 v4 的 themes, 他需要引入 toolkit.css.
https://themes.getbootstrap.com/products/application

miniyao

2018 年 2 月 5 日

@huiyifyj 看到了，谢谢，这个气泡尖角兼容性不错，比 background-attachment 好些

fengyj

2018 年 2 月 5 日

@miniyao 个人也比较喜欢这种类型。v4 兼容性应该是没有问题的。