html中如何使用display转换

这篇文章主要介绍了html中如何使用display转换，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务乐清,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

转换：display

HTML提供丰富的标签，这些标签被定义成了不同的类型，一般分为：块标签和行内标签。

块标签：以区域块方式出现。每个块标签独占一整行或多整行。

常见的块元素：

、

行内元素：不必再新一行开始，同时也不强迫其他元素在新的一行显示。

常见的行内元素：、等

在开发中，希望行内元素具有块元素的特性，需要使用display进行转换

选择器{ display:属性值}
   常用的属性值：
            inline:此元素将显示为行内元素(行内元素默认的display属性值)
            block：此元素将显示为块元素(块元素默认的display属性值)
            inline-block:将对象呈递为内联对象，但是对象的内容作为块对象呈递。
            none：此元素将被隐藏，不显示，也不占用页面空间。

例如：


        
            span{
                border: 1px solid #000;
                width: 100px;
                height: 40px;
            }
        
         
        超链接
    
    
        
        显示1-1
        显示1-2
        
        显示2-1
        显示2-2