Question

css中inline和block的问题，如图。

为什么我把图片的display设置为inline，文字依然不围绕图片呢？inline的用法不是这样用的吗

Answer 1

要文字环绕应该设置图片的浮动样式： float:left;
你把图片设置成inline还不行，因为p元素也是块级元素，应该把p元素也设置成display:inline;但这设置还是不能起到环绕效果，设置后只是p元素的第一行文本与图片同行。

Answer 2

inline不是这样用的。一般inline我只用于解决ie6双边距问题。
你把图片左浮动就行了。但是要注意单词换行时会不会被拆散，会的话再加点代码

追问

请问单词换行的时候，如何解决右边不齐的问题呢？

追答

右边不对齐的话，只能把单词强制打散了。
在div的css里面加上这句 word-break:break-all;

Answer 3

在一个div里面,一般要分成左右2个div然后下面的就好办了