css中文字加图片的布局实现

ttx9n · 发表于 2013-9-6 11:35:47

在文章中难免会出现表情，在在这种情况下如何以比较合理的方式显示文字与表情呢？其实很简单，通过简单几行CSS样式便可实现，感兴趣的朋友可以了解下 html:

复制代码代码如下:
<div class="messagebox">
<span class="message">aaaaa<img src="e1.png">bbbbbbbbbbbbb<img src="e2.png">cccc</span>
</div>

css:

复制代码代码如下:
.messagebox
{
width: 300px;
height: auto;
word-wrap: break-word;
word-break:break-all;
white-space: pre-wrap;
background-color: #333;
padding: 0px;
margin:0px;
}
.message
{
font-size: 30px;
width: 300px;
height: auto;
}
img
{
width: 60px;
height: 50px;
}

效果图：

nwk53kbd · 发表于 2022-10-7 17:04:22

哦哦哦ijhhsdj

4k0mp7m · 发表于 2022-11-21 10:39:37

刷屏刷屏刷屏

cxst1h57 · 发表于 2023-6-16 01:45:13

谢谢您的分享！

wqpa63gz · 发表于 2023-9-10 02:31:38

66666666666

xf9hlg1 · 发表于 2023-10-10 00:18:15

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

4k0mp7m · 发表于 2023-11-10 11:01:00

而快乐你们快乐马年快乐

x20yd3qx · 发表于 2023-11-14 18:29:48

哦哦哦ijhhsdj

plvo189 · 发表于 2024-3-26 08:58:07

8888888888888888

7jbiiz · 发表于 2024-4-3 03:24:23

554411515451555

账号		自动登录	找回密码
密码			立即注册

[CSS] css中文字加图片的布局实现

相关帖子