作者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/m.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