Question

我在jsp页面中有一个循环，对于我的arrayList的每个元素我打印一个

pragraph，这是我的代码：

<% for(object ob:myList){ %>
<p> <%=ob.getName()%></p>
<%}%>

这段代码向我展示了很多段落，但每一段都在一行中，我的问题是：如何在一行中显示每两段

提前感谢。

Answer 1

为了在一行中有两个段落标记，你需要一些css：

p { 
    display: inline-block;
    width: 50%;
}

或

p { 
    float: left;
    width: 50%;
}

50％宽度适用于2 <p>位于同一行并占据宽度的一半。

希望有所帮助。

<强>更新

https://jsfiddle.net/v6sjq5jj/1/

第二次更新

或者使用 table-row 和 table-cell ，这是我认为最好的解决方案，它适用于多个p标签。 https://jsfiddle.net/v6sjq5jj/2/

Answer 2

另外一种方法是，如果你在div，section等内部有 p 标签，你可以使用属性flex进行显示：

.div{
    display: flex;
}

更新：https://jsfiddle.net/hectoruch/fk7gcza7/

Answer 3

对于所有现代浏览器，请使用display: flex

div {
  display: flex;
  flex-wrap: wrap;
}
div p {
  width: 50%;
  border: 1px solid gray;
  box-sizing: border-box;    /*  make the border width be included in width  */
}

<div>
  <p>First</p>
  <p>Second</p>
  <p>Third</p>
  <p>Fourth</p>
  <p>Fifth</p>
</div>

如何在div中的一行中显示每两个<p>

3 个答案: