HTML中display属性的属性值有哪些？display属性是怎么实现水平垂直居中的？

web前端|html教程

HTML中的display属性值哪些,HTML中的display属性怎么实现水平垂直居中的

web前端-html教程

HTML中display属性的属性值有哪些？都有什么含义？还有HTML中display属性是怎么实现水平垂直居中的？今天这篇文章给大家介绍HTML中display属性的值，还有HTML中display属性的值是怎么实现水平垂直居中的，介绍了两种方法。

弹幕网 源码,ubuntu怎么显示行号,爬虫八抓鱼,大商创首页显示是哪个php文件,海外建站seolzw

display在这里我说四个最常用的属性值inline、 block、inlin-block、none。

贷款网站源码下载,vscode统一修改标签,ubuntu ss失败,绿色tomcat如何启动,练手爬虫网站,php 获取文件头,徐州seo排名工具找哪家,算命网站程序源码 php,影视网站管理系统模板lzw

首先我们来说一下inline（n内联元素）：

oa系统站点源码,vscode中文设置失败,wubi卸载ubuntu,批量注册tomcat,sqlite 查找字符串,魔渊之刃如何收服爬虫为宠物,php ftp 文件夹,seo和直通车,p2p网站php源码下载,科技软件公司网站模板下载lzw

该属性值为默认值。此元素会被显示为内联元素，元素前后没有换行符。一般不会设置这个属性值。个人理解，其实跟正常的行内元素没什么区别，用的比较多的还是block和inline-block。

接着是block（块级元素）这个属性值：

这个属性值是比较有意思的，设置为块级元素独占一行，就换行来说和p标签的效果一样，但是这个属性值设置后，作为一个块级元素他就具备了宽、高，和别的块级元素的间距margin着属性的设置，还有间距的设置padding，但是不能设置行高（line-height）。

还有inline-block（内联块）这个属性值：

这个属性值是比较强大的，本人刚开始学的时候基本上见到需要设置的只要不是换行的就会设置这个属性值，一来他可以作为块级元素，可以具有block的特性，另一方面，由于本人初学，对于居中的设置比较麻烦，所有使用这个属性值可以设置行高，从而使文字居中，方便易用。

对于这个导航栏的实现这几个属性很好用，主要用到block和inline-block这两个属性值，inline-block作为同一行的几个元素的实现，block做为元素间换行的实现。大家可以试试。

对于最后一个none这个属性值：

个人觉得用于隐藏元素比较方便，做那种鼠标浮动的时候更改display的属性值来达到显示与隐藏元素的效果。

HTML中display一共有哪些比较常用的值呢，让我们一起来看看

HTML中display在通常的项目开发中比较容易被使用的值主要有：

none（元素不会被显示）;

block（元素将显示为块级元素，元素前后会带有换行符）;

inline（元素会被显示为内联元素，元素前后没有换行符）;

inline-block（行内块元素。CSS2.1 新增的值）;

table（元素会作为块级表格来显示，类似

table-row（元素会作为一个表格行显示，类似

table-cell（元素会作为一个表格单元格显示，类似