div是层叠样式表中的定位技术，全称division，即为划分。有时可以称其为图层。div在编程中又叫做整除，即只得商的整数。 div元素是用来为html（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是
固有的特定的格式表现。可以通过
的 class 或 id 应用额外的样式。
不必为每一个
都加上类或 id，虽然这样做也有一定的好处。
可以对同一个
元素同时应用 class 和 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的特定的元素。
举例：
<body><h1>NEWS WEBSITE</h1><p>some text. some text. some text...</p> <div class="aritcle_card"> <a class="aritcle_card_img" href="/xiazai/code/11219"> <img src="https://img.php.cn/upload/webcode/000/000/012/176535720745028.jpg" alt="eshop网上书店源码"> </a> <div class="aritcle_card_info"> <a href="/xiazai/code/11219">eshop网上书店源码</a> <p>适合初学的标准三层架构，采用ajax，页面布局div+css符合w3c，用vs自带的sqlserver，免配置sqlserver，使用方便，里面共有5个项目，点击最外层的.sln直接可运行。网站采用asp.net 用户角色配置（membership，UserRoles），用户角色、权限可在asp.net配置里修改，注册，登陆均采用asp.net登陆控件，网站根据用户角色自定义sitemap，基本上</p> <div class=""> <img src="/static/images/card_xiazai.png" alt="eshop网上书店源码"> <span>0</span> </div> </div> <a href="/xiazai/code/11219" class="aritcle_card_btn"> <span>查看详情</span> <img src="/static/images/cardxiayige-3.png" alt="eshop网上书店源码"> </a> </div> ...<div class="news"><h2>News headline 1</h2><p>some text. some text. some text...</p>...</div><div class="news"><h2>News headline 2</h2><p>some text. some text. some text...</p>...</div>...</body>
以上就是怎么用div布局？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1614408.html
微信扫一扫 
支付宝扫一扫 
