手机
当前位置:查字典教程网 >网页设计 > 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图片透明效果

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

css的字体属性详解

css+div 图片排列布局

css3中圆角和阴影的实验

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

文字环绕图片的布局效果

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

怎么让div中可以输入文字内容

精品推荐
分类导航