手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css中文字加图片的布局实现
css中文字加图片的布局实现
摘要:html:aaaaabbbbbbbbbbbbbcccccss:.messagebox{width:300px;height:auto;wor...

html:

<div>

<span>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中文字加图片的布局实现1

【css中文字加图片的布局实现】相关文章:

DIV+CSS创建三栏网页布局方法介绍

VB.net2008实例 编写文字加解密程序

页面背景图片的拉伸实现代码

css中水平垂直居中对齐布局实例总结

文字排版在网页制作中应遵守的原则

新浪微博CSS布局实例分析

文字环绕图片的布局效果

css强制文字不换行实现代码

css让背景图片拉伸填充的属性

CSS中文字体对应的英文写法

精品推荐
分类导航