[問題] CSS 的一個問題解法
<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
01/19 02:01, 1F
推
01/19 03:02,
6年前
, 2F
01/19 03:02, 2F
推
01/19 04:45,
6年前
, 3F
01/19 04:45, 3F
→
01/19 09:58,
6年前
, 4F
01/19 09:58, 4F
※ 編輯: ggirls (223.136.159.98), 01/19/2018 10:05:39
→
01/19 10:07,
6年前
, 5F
01/19 10:07, 5F
→
01/19 10:29,
6年前
, 6F
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/19 21:02, 10F
推
01/20 13:12,
6年前
, 11F
01/20 13:12, 11F
推
01/21 15:54,
6年前
, 12F
01/21 15:54, 12F
推
02/03 03:10,
6年前
, 13F
02/03 03:10, 13F