<div class="o">ooooo</div>
<div class="a">aaaaa</div>
<div class="b">bbbbb</div>
<div class="a">aaaaa</div>
<div class="b">bbbbb</div>
我有一个有上面模式的 html。现在想把 aaaaa 和 bbbbb 连接不换行，
也就是大约是
ooooo
aaaaabbbbb
aaaaabbbbb
只透过 css 来控制，不知道怎么做？
透过 inline, block 好像凑不出这个规律。
问题的原型:
其实原本每个</div>后面都接了个<br>。我本来是 span br {display:none}
但后来发现会影响到别的地方，这样还有其他解法吗？
<span>
<div class="a">aaaaa</div><br>
<div class="b">bbbbb</div><br>
<div class="a">aaaaa</div><br>
<div class="b">bbbbb</div><br>
</span>

外面再用一个div包起来，并用white-space:nowrap;

我原本想的很复杂 结果看完w大感觉被污辱

看到w大的答案：“我到底看了什么？！”@willie 我加了个“问题的原型”。后面接了<br>还有救吗？

.a~br{display:none;}

突然顿悟了

受益良多。

为什么感觉被我侮辱？？？？http://jsbin.com/muhexuxoha/edit?output

应该是觉得w大答案简洁有力，自叹不如吧

1楼大那个写法p以外的可以用吗？没用过好奇问

可是br不是就换行了