[問題] CSS 的一個問題解法

看板Web_Design作者 (哥)時間6年前 (2018/01/19 00:37), 6年前編輯推噓6(607)
留言13則, 9人參與, 6年前最新討論串1/1
<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://www.ptt.cc/bbs/Web_Design/M.1516293460.A.963.html

01/19 02:01, 6年前 , 1F
外面再用一個div包起來,並用white-space:nowrap;
01/19 02:01, 1F

01/19 03:02, 6年前 , 2F

01/19 04:45, 6年前 , 3F
我原本想的很複雜 結果看完w大感覺被污辱
01/19 04:45, 3F

01/19 09:58, 6年前 , 4F
看到w大的答案:「我到底看了什麼?!」
01/19 09:58, 4F
※ 編輯: ggirls (223.136.159.98), 01/19/2018 10:05:39

01/19 10:07, 6年前 , 5F
@willie 我加了個「問題的原型」。後面接了<br>還有救嗎?
01/19 10:07, 5F

01/19 10:29, 6年前 , 6F
.a~br{display:none;}
01/19 10:29, 6F

01/19 12:43, 6年前 , 7F
突然頓悟了
01/19 12:43, 7F

01/19 13:24, 6年前 , 8F
受益良多。
01/19 13:24, 8F

01/19 20:41, 6年前 , 9F
為什麼感覺被我侮辱????
01/19 20:41, 9F

01/19 21:02, 6年前 , 10F

01/20 13:12, 6年前 , 11F
應該是覺得w大答案簡潔有力,自嘆不如吧
01/20 13:12, 11F

01/21 15:54, 6年前 , 12F
1樓大那個寫法p以外的可以用嗎?沒用過好奇問
01/21 15:54, 12F

02/03 03:10, 6年前 , 13F
可是br不是就換行了
02/03 03:10, 13F
文章代碼(AID): #1QOCrKbZ (Web_Design)