Question

为什么我对div设置了display:inline；却还是不能让多个div显示在同一行内呢？

html部分的代码如下：
<div id="id1">
<div id="a" class="ab">
<img src="images/image1.png">
<img src="images/image2.png">
<img src="images/image3.png">
<div class="name">fff</div>
</div>
<div id="b" class="ab">
<img src="images/image1.png">
<img src="images/image4.png">
<img src="images/image5.png">
<div class="name">ccc</div>
</div>
</div>

css样式：
.ab{
display:inline;
}
但是结果出来这个样式好像没有起作用，#a，#b还是分别显示在不同的行。

Answer 1

内联元素只能容纳文本或其它的内联元素。
你虽把上级元素转成了内联元素，但其下面不正确的嵌套了块级元素DIV。建议使用浮动或是将下面的块元素也转成内联元素。

Answer 2

div是块级元素吧；详细你参见http://www.w3school.com.cn/htmldom/prop_style_display.asp

追问

div是块级元素，但是display:inline;可以用来把块级元素切换为行内元素的。

追答

你可以看看那个链接先