溫馨提示×

css如何讓p標簽并排

養魚的貓咪
1639
2021-03-24 17:47:56
欄目: 編程語言

在css中設置p標簽并排顯示的方法:1.創建div標簽,并設置寬高;2.在div標簽中創建多個p標簽;3.將p標簽設置左浮動即可;

css如何讓p標簽并排

在css中設置p標簽并排顯示的方法

1.首先,在頁面中創建一個div標簽,并設置class屬性為mytest;

 <body>

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

 </body>

2.div簽創建好后,在div標簽中創建多個p標簽;

 <body>

    <div>

      <p>1</p>

      <p>2</p>

      <p>3</p>

    </div>

 </body>

3.p標簽創建好后,在css中為div標簽設置寬度和高度;

<pre>

 .mytest {

      width:300px;

      height:100px;

      background:$ccc;

}

4.最后,div標簽樣式設置好后,將p標簽的樣式設置為左浮動即可;

 .mytest {

      width:300px;

      height:100px;

      background:$ccc;

 .mytest p{

      float:left;

      margin-right:10px;

}


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女