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

ht ML :

复制代码

代码如下:

<div class="messagebox">
<span class="message">aaaaa< img src="e1.png">bbbbbbbbbbbbb<img src="e2.png">cccc</span>
</div>

css:

复制代码

代码如下:

.messagebox
{
width: 300px;
h ei ght: auto;
word-wrap: br eak-word;
word-break:break-all;
wh IT e -s pace: PR e-wra p;
background-color: # 333;
padding: 0px;
m arg in:0px;
}
.message
{
font- Size: 30px;
width: 300px;
height: auto;
}
img
{
width: 60px;
height: 50px;
}

效果图：

总结

以上是 为你收集整理的 css中文字加图片的布局实现 全部内容，希望文章能够帮你解决 css中文字加图片的布局实现 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css中文字加图片的布局实现的详细内容...