手机
当前位置:查字典教程网 >网页设计 > 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让背景图片拉伸填充的属性

定义渐变边框给图片加阴影

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

CSS网页右下角广告的布局实例

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

新浪微博CSS布局实例分析

精品推荐
分类导航