首页 / CSS / CSS属性（display）

CSS属性（display）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS属性（display），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1221字，纯文字阅读大概需要2分钟。

内容图文

1.display属性

技术分享图片

技术分享图片 

            <!
            DOCTYPE html
            >
            <
            html 
            lang
            ="zh-CN"
            >
            <
            head
            >
            <
            meta 
            charset
            ="UTF-8"
            >
            <
            title
            >08display属性</title><style>

        .c1 {
            background-color: red;/*display: none;  !* 让其在页面上不显示 *!*//*display: inline;    !* 让其变成一个行内标签 *!*/
            display: inline-block;/* 让其具有块级标签和内联标签（行内标签）特点，就是可以设置长和宽的行内标签 */}

        .c2 {
            width: 100px;
            height: 100px;
            background-color: green;/*display: block; !* 让其变成一个块级标签*!*/
            display: inline-block;/* 让其具有块级标签和内联标签（行内标签）特点，就是可以设置长和宽的行内标签 */}

        #ulid1 {
            background-color: darkslategrey;
            display: inline-block;
            list-style-type: none;/* 将标题前面的点去掉 */}

        li {
            display: inline-block;/* 将li标签变为行内标签，并且可以设置长和宽 */
            border-right: 2px solid bisque;/* 设置右边框2像素 实线 */}

        li.last {
            border-right: none;/* 将li最后一个标签的右边框设置成没有 */}</style></head><body><div class="c1">div</div><!-- div是块级标签，可以设置长和宽 --><span class="c2">span</span><!-- span标签是一个内联标签，自己占多大就占多大,不能设置长和宽 --><span class="c2">span</span><ul id="ulid1"><li>玉米商城</li><li>电脑</li><li>手机</li><li class="last">平板</li></ul></body></html>

 技术分享图片

 

原文：https://www.cnblogs.com/whylinux/p/10229208.html

内容总结

以上是互联网集市为您收集整理的CSS属性（display）全部内容，希望文章能够帮你解决CSS属性（display）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1248849.html

来源：【匿名】