span { display: inline; }

此值使元素具备内联特性， 一边兼具块级特性，允许设定宽阔高大并保持在同一行。常用于菜单、按钮等。

行内块级元素与行内元素特性相同，但可控制宽阔高大。

网页设计中，CSS Display属性是控制元素看得出来和布局的关键工具。

CSS给了许多种方式来改变元素的默认看得出来模式，最常见的是通过display属性。通过正确用Display属性，开发者能发明出既美观又实用的网页布局。

三、 display属性在页面布局中的应用

列表布局

利用display属性，能轻巧松实现列表布局。比方说将按钮放置一行，通过设置inline-block的display值，使它们在同一行看得出来。或将元素列表放置一列，通过设置block的display值，使它们垂直排列。

inline

此值使元素成为内联元素， 即元素会在一行内，尽兴许占据自身内容的宽阔度地方。常用于文字、链接等行内元素。

该元素不会占据随便哪个地方，并且会彻头彻尾从文档流中删除，无法再渲染出来。

弹性布局

display:flex属性给了一种弹性布局模式，便于实现完整的页面布局。父元素被赋予display:flex后 其子元素布局可因为弹性容器的伸展方便地对齐，并可根据需求沉新鲜布局以习惯不同屏幕尺寸。

四、 不同display值的特性

block

块级元素会占据父元素的全部宽阔度，并预留地方让后续元素放置在新鲜行上。

none

此值使元素不看得出来在页面上，相当于在页面中删除该元素。常用于实现有些交互效果、动态控制元素看得出来/隐藏等。

页面布局

除了列表布局，还能利用display属性进行页面布局。比方说用block的display值，设置容器元素的宽阔度，并通过margin属性使其水平居中。再用inline-block的display值，设置容器中的个个元素，使这些个元素水平排列。

display属性是CSS中常用的一个属性， 它定义了一个元素的盒模型类型，以及其在页面上的布局形式。在HTML文档中，个个HTML标签都有一个默认的display值，具体值随标签而异。