作者ggirls (哥)
看板Web_Design
标题[问题] CSS 的一个问题解法
时间Fri Jan 19 00:37:37 2018
<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>
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 223.136.159.98
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1516293460.A.963.html
1F:→ jhnny97: 外面再用一个div包起来,并用white-space:nowrap; 01/19 02:01
3F:推 satanbaby: 我原本想的很复杂 结果看完w大感觉被污辱 01/19 04:45
4F:→ ggirls: 看到w大的答案:「我到底看了什麽?!」 01/19 09:58
※ 编辑: ggirls (223.136.159.98), 01/19/2018 10:05:39
5F:→ ggirls: @willie 我加了个「问题的原型」。後面接了<br>还有救吗? 01/19 10:07
6F:→ ninetyeight: .a~br{display:none;} 01/19 10:29
7F:→ imhaha: 突然顿悟了 01/19 12:43
8F:→ ggirls: 受益良多。 01/19 13:24
9F:推 williewillie: 为什麽感觉被我侮辱???? 01/19 20:41
11F:推 nottt: 应该是觉得w大答案简洁有力,自叹不如吧 01/20 13:12
12F:推 jayxxx: 1楼大那个写法p以外的可以用吗?没用过好奇问 01/21 15:54
13F:推 emmayday: 可是br不是就换行了 02/03 03:10