HTML如何并列div?求详细解答

HTML如何并列div?求详细解答,第1张

以下是具体演示步骤:1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可4、运行结果如下图。无论如何变换浏览器宽度,div都是一行展示出来。

div现在一般网页的布局都是使用的div+css来布局,div的话,就是通过。

<div>

<div><p></p></div>

</div>

div的嵌套使用来完成整个网页的布局,你可以将div理解成一个一个的块,然后在div块中写入P等等标签,然后再通过CSS来修饰就行了,如高度,宽度,背景。

<div style="background:#f90text-align:center">test</div>

<div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #cccwidth:200pxheight:20px" ></div>

<div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #cccwidth:200pxheight:20px" ></div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11344708.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存