奇迹跷跷板在线中文字幕,波多野42部无码喷潮在线

css如何讓p標(biāo)簽并排

css p標(biāo)簽

養(yǎng)魚的貓咪

1606

2021-03-24 17:47:56

欄目: 編程語言

在css中設(shè)置p標(biāo)簽并排顯示的方法：1.創(chuàng)建div標(biāo)簽，并設(shè)置寬高；2.在div標(biāo)簽中創(chuàng)建多個p標(biāo)簽；3.將p標(biāo)簽設(shè)置左浮動即可；

css如何讓p標(biāo)簽并排

在css中設(shè)置p標(biāo)簽并排顯示的方法

1.首先，在頁面中創(chuàng)建一個div標(biāo)簽，并設(shè)置class屬性為mytest；

 <body>
    <div class="mytest"></div>
 </body>

2.div簽創(chuàng)建好后，在div標(biāo)簽中創(chuàng)建多個p標(biāo)簽；

 <body>
    <div>
      <p>1</p>
      <p>2</p>
      <p>3</p>
    </div>
 </body>

3.p標(biāo)簽創(chuàng)建好后，在css中為div標(biāo)簽設(shè)置寬度和高度；

<pre>

 .mytest {
      width:300px;
      height:100px;
      background:$ccc;
}

4.最后，div標(biāo)簽樣式設(shè)置好后，將p標(biāo)簽的樣式設(shè)置為左浮動即可；

 .mytest {
      width:300px;
      height:100px;
      background:$ccc;
} 
 .mytest p{
      float:left;
      margin-right:10px;
}

css如何讓p標(biāo)簽并排