html5 css3 中怎么设置图片和文字并排，而不是文字在图片上面

[hp001286]

就像图片上这样

[slwsss]

float 足够宽度 块元素

[a756375788]

没错，1楼说的对，用浮动，然后文字块给个向上的填充 或者 设置line-height属性即可！

[业余草]

1.图片在左,文字在右 <P><IMG height=100 src="图片连接地址" width=100 align=left border=0>文章内容<BR> <BR clear=left></P> 2.图片在右,把align=left改为align=right即为 <P><IMG height=100 src="图片连接地址" width=100 align=right border=0>文章内容<BR> <BR clear=left></P> 调整图片于文字的距离可加入[vspace=上下距离 hspace=左右距离]. 使用不同数值效果不一样.改后的代码是： <P><IMG height=100 hspace=10 src="图片连接地址" width=100 vspace=10 align=left border=0>文章内容</P> 当然还可以使用table来布局

[zuilafeng]

设置图片的style="vertical-align:middle"

[chen529834149]

大苏打大苏打大撒旦的阿三大四的阿斯达斯大三大四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达四的阿萨德阿三大四的飒沓阿达

[输出是最好的学习]

你把图片和文字都看作一个div，这样是不是就可以解决了呢？

[以专业开发人员为伍]

http://www.w3school.com.cn/cssref/pr_class_display.asp

[业余草]

www.xttblog.com www.codedq.net 业余草 CODE大全 欢迎关注我的个人微信公众号：业余草（yyucao）！