在CSS中设置p标签并排显示的方法：1.创建div标签，并设置宽高；2.在div标签中创建多个p标签；3.将p标签设置左浮动即可；在css中设置p标签并排显示的方法首先，在页面中创建一个div标签，并设置class属性为mytest；&nb
在CSS中设置p标签并排显示的方法：1.创建div标签，并设置宽高；2.在div标签中创建多个p标签；3.将p标签设置左浮动即可；
在css中设置p标签并排显示的方法
首先，在页面中创建一个div标签，并设置class属性为mytest；
<body> <div class="mytest"></div>
</body>
div签创建好后，在div标签中创建多个p标签；
<body> <div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
</body>
p标签创建好后，在css中为div标签设置宽度和高度；
<pre>
.mytest { width:300px;
height:100px;
background:$ccc;
}
最后，div标签样式设置好后，将p标签的样式设置为左浮动即可；
.mytest { width:300px;
height:100px;
background:$ccc;
}
.mytest p{
float:left;
margin-right:10px;
}
--结束END--
本文标题: css如何让p标签并排
本文链接: https://www.lsjlt.com/news/111808.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
2024-05-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0