Question

CSS 图片和文字如何实现并排?

不要说用浮动.这我知道

Answer 1

无论你右边文字有多少，始终都会在图片右边，不会再跑到图片下边了。
代码如下，好好研究：
<style type="text/css">
.item .pic { float:left;margin-right:10px;width:100px;height:100px; }
.item .content {float:left;width:500px;}
</style>
<div class="item">
<div class="pic"><img src="a.jpg"></div>
<div class="content">文字部分</div>
</div>由于这个功能都要使用到浮动float，就需要对左右两边的模块都要定义款度，不然的话，默认的都是100%，是填充整个外部容器，是无论如何都不能左右显示了。

Answer 2

看图

Answer 3

使用浮动可以轻松的使图片和文字并排
在图片里面加上这个属性float: left；
就可以让文字并排图片了

Answer 4

<div style="display:inline; width:100px; height:100px;"><img name="" src="" width="100" height="100" alt="" /></div>
<div style="display:inline; width:500px;">我的一个div里是用来显示文章内容的，但如果文章很长，这个div会自己拉长，却不能...</div>

这种？

Answer 5

还有一种办法，相对定位+绝对定位
具体问题可以问我 584105483