手机
当前位置:查字典教程网 >网页设计 > 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中文字加图片的布局实现】相关文章:

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

css body背景图全屏不论分辨率大小

CSS多列布局实现方法大全

css中style和class的加载顺序示例介绍

css3中圆角和阴影的实验

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

css实现文字层浮在图片之上示例代码

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

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

css+div 图片排列布局

精品推荐
分类导航