常用的几个值：
inherit ：规定从父级元素继承dispaly属性
inherit的案例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> body {display:inline} p {display:inherit} </style> </head> <body> <p>这两个段落生成内联盒子,和它的结果</p> <p>这两个元素之间没有距离。</p> </body> </html>none： 隐藏元素
block：显示为块级元素，此元素前后会带有换行符，可以设置宽高度。
block的案例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> b {display:block} </style> </head> <body> <b>这两个标签生成块级元素</b> <b>前后会有换行符</b> </body> </html>inline： 默认值，显示为内联元素，元素前后没有换行符，但是无法限制宽高度。
inline的案例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> p {display:inline} </style> </head> <body> <p>这两个段落生成内联盒子,和它的结果</p> <p>这两个元素之间没有距离。</p> </body> </html>inline-block： 结合了inline和block两者的特性于一身，简单的说：拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性。
list-item ：像块级元素一样显示,并添加样式列表标记
6785
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
