Question

html+css问题 图片和文字如何并排

在检查网页源代码时 图片模块周围有很大的一圈橙色块
同样文字模块也有，可能是因为模块单独占行的原因 或者是其他什么原因 希望能得到解答 感激不尽！

Answer 1

你好，将图片和文字分别放在两个diy中给两个div分别设置样式float:left
希望能够帮到您，感谢您的采纳。

追问

怎样设置具体位置

Answer 2

有些浏览器会给图片加上默认边框并且带有颜色，你可以尝试设置图片css样式{border:0;}
如果这样没有解决，希望你能贴出图片和代码，以便进一步分析。

Answer 3

可以有很多方式实现

1、使用float:left;这样没超出宽度前都不会换行。但是需要加上清除浮动

.clr:after{clear:both;display:block;overflow:hidden;height:0;content:".";}

2、使用flex布局，.flex{display:flex;}现在很流行的写法。

Answer 4

如果是橙色块就是给了外边距margin，如果你不想要外边距的话就margin：0；就可以了

追问

那margin:0之后怎么调整位置呀

追答

margin：0px 0px 0px 0px;4个参数分别代表上右下左，要什么效果可以自己微调；同时你要图片和文字并排的话，最好把它放到两个容器中并设定宽度，然后左浮动/右浮动；把图片的高宽最好也做一下适应：比如，.xxx img{width：100%；height：250px;}

Answer 5

没有贴代码 实在不知道你到底哪里出了问题