首页前端开发HTMLcss中文字加图片的布局实现

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

时间2024-01-24 01:54:25发布访客分类HTML浏览639
导读:收集整理的这篇文章主要介绍了css中文字加图片的布局实现,觉得挺不错的,现在分享给大家,也给大家做个参考。 htML: 复制代码代码如下: <div class="messagebox"> <span class...
收集整理的这篇文章主要介绍了css中文字加图片的布局实现,觉得挺不错的,现在分享给大家,也给大家做个参考。 htML:

复制代码代码如下:
div class="messagebox">
span class="message"> aaaaaimg src="e1.png"> bbbbbbbbbbbbbimg 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;
}

效果图:

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

文字图片

若转载请注明出处: css中文字加图片的布局实现
本文地址: https://pptw.com/jishu/584887.html
Div+Css画圆示例代码 使用CSS布局定位属性轻松实现优美站点布局

游客 回复需填写必要信息