虚位以待(AD)
虚位以待(AD)
首页 > 网页特效 > DIV+CSS > css中文字加图片的布局实现

css中文字加图片的布局实现
类别:DIV+CSS   作者:码皇   来源:互联网   点击:

在文章中难免会出现表情,在在这种情况下如何以比较合理的方式显示文字与表情呢?其实很简单,通过简单几行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;
}

效果图:
相关热词搜索: 文字图片 css布局