2列段落

Question

我知道这并不难，但我想知道实现此目标的最佳方法

在响应式的情况下，每个项目的右侧部分都需要高于左侧部分。

基本上我们有类似他的东西 1 2 3 4 5 6

并且在响应中它不能 1个 3个 5个 2个 4个 6

有没有办法避免浮动元素？

谢谢！

Answer 1

一个简单的解决方案：

p {
  margin: 0;
}

p span {
  width: 200px;
  display: inline-block;
}

<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuff</span>HAHAHAH</p>
<p><span>Stuffing stuff</span>HAHAHAH</p>

2列段落

2 Column paragraph

css

paragraph

multiple-columns