html:
复制代码代码如下:
<div class="messagebox">
<span class="message">aaaaa<img src="/UploadFiles/2021-03-30/e1.png"></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;
}
效果图:

复制代码代码如下:
<div class="messagebox">
<span class="message">aaaaa<img src="/UploadFiles/2021-03-30/e1.png"></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布局
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
内蒙古资源网 Copyright www.nmgbbs.com
暂无“css中文字加图片的布局实现”评论...