Question

这可能是另一个初学者的问题，但我只是无法在页面的中心让两个段落彼此相邻。我可以将它们彼此相邻左侧或右侧对齐，但它们不会在页面中心彼此相邻。

这是我的HTML（抱歉没有尽快回复）：

    <p> bla bla bl balbal blabsljfblasj bfljasbfladsb fasdbf ab falsdbf als fbasljfbasljf basljfb alsj fbaslj fbaslj bfaslj fbalsj fbalsj fblajs fbasljbf aljbflajsb</p>

                    <p> bla bla bl balbal blabsljfblasj bfljasbfladsb fasdbf ab falsdbf als fbasljfbasljf basljfb alsj fbaslj fbaslj bfaslj fbalsj fbalsj fblajs fbasljbf aljbflajsb</p>

这是段落的CSS：

     p { 
 color: black;
 width: 300px;
 height:200px;
 text-align: center;
 font-size: 20px;
 margin: 0 auto;
 padding-top: 30px;
 overflow: hidden;
 font-family: BenchNine , cursive; }

感谢任何回答的人，感谢任何帮助！

Answer 1

有很多方法可以做到这一点。

使用 [remote "origin"] url = ssh://localhost:29418/test

如果您想要将它们并排居中并垂直居中，只需将myarray = _.sortBy(myarray, 'x');添加到display:flex div

justify-content:center

.wrap

解决方案 p { color: black; width: 300px; height:200px; text-align: center; font-size: 20px; margin: 0 auto; padding-top: 30px; overflow: hidden; font-family: BenchNine , cursive; } .wrap { display:flex;align-items:center} 和 <div class="wrap"> <p> This is a paragraph </p> <p> This is another paragraph </p> </div>

display:table;

display:table-cell

Answer 2

在你的css中添加float：left

  p { 
 color: black;
 width: 300px;
 height:200px;
 text-align: center;
 font-size: 20px;
 margin: 0 auto;
 padding-top: 30px;
 overflow: hidden;
 font-family: BenchNine , cursive; 
  float:left;
    margin-left:15px;
  
  }

Answer 3

要在页面的para中对齐两个不同的center，对wrap中的div margin进行对齐，并将auto设置为both para }，如下。要将horizontal对齐在同一行，即display:inline-block or float:left使用div{ width:420px; height:80px; margin:auto; } p { color: black; font-family: BenchNine , cursive; margin:0px auto; text-align:center; display:inline-block; width:200px; height:60px; }。

＆＃13;

<div>
<p>Hi demo Text 1</p>
<p>Hi demo Text 2</p>
</div>

＆＃13;

{{1}}

＆＃13;

在中心对齐彼此相邻的两个段落

3 个答案: