css中display属性的值及作⽤
display 的属性值
常⽤：none|inline|block|inline-block天秤座的男人
其他：list-item|run-in|table|inline-table|table-row-group|table-header-group|table-footer-group|table-row|table-column-group|table-column|table-cell|table-caption|inherit
常⽤的有none、inline、block、inline-block。分别的意思是：
1、none： 元素不会显⽰，⽽且改元素现实的空间也不会保留。但有另外⼀个 visibility: hidden， 是保留元素的空间的。
2、inline： display的默认属性。将元素显⽰为内联元素，元素前后没有换⾏符。我们知道内联元素是⽆法设置宽⾼的，所以⼀旦将元素的display 属性设为 inline， 设置属性height和width是没有⽤的。此时影响它的⾼度⼀般是内部元素的⾼度（font-size）和padding。牛蛙的功效与作用
3、block： 将元素将显⽰为块级元素，元素前后会带有换⾏符。设置为block后，元素可以设置width和height了。元素独占⼀⾏。
写景作文500字
4、inline-block：⾏内块元素。这个属性值融合了inline 和 block 的特性，即是它既是内联元素，⼜可以设置width和height。
内联元素和块级元素：
内联元素：
和其他元素都在⼀⾏上；
元素的⾼度、宽度及顶部和底部边距不可设置；
元素的宽度就是它包含的⽂字或图⽚的宽度，不可改变。
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
块级元素：
每个块级元素都从新的⼀⾏开始，并且其后的元素也另起⼀⾏。（真霸道，⼀个块级元素独占⼀⾏）；
东的反义词元素的⾼度、宽度、⾏⾼以及顶和底边距都可设置。
元素宽度在不设置的情况下，是它本⾝⽗容器的100%（和⽗元素的宽度⼀致），除⾮设定⼀个宽度。
常⽤的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
清纯美女图片内联块状元素：
和其他元素都在⼀⾏上；
元素的⾼度、宽度、⾏⾼以及顶和底边距都可设置。
常⽤的内联块状元素有：
<img>、<input>
其他display的属性值不是很常⽤，其具体的含义如下：
list-item：此元素会作为列表显⽰。
run-in：此元素会根据上下⽂作为块级元素或内联元素显⽰。
table：此元素会作为块级表格来显⽰（类似 <table>），表格前后带有换⾏符。
inline-table：此元素会作为内联表格来显⽰（类似 <table>），表格前后没有换⾏符。
table-row-group：此元素会作为⼀个或多个⾏的分组来显⽰（类似 <tbody>）。
table-header-group：此元素会作为⼀个或多个⾏的分组来显⽰（类似 <thead>）。
table-footer-group：此元素会作为⼀个或多个⾏的分组来显⽰（类似 <tfoot>）。吸收的反义词
table-row：此元素会作为⼀个表格⾏显⽰（类似 <tr>）。
中国10大元帅table-column-group：此元素会作为⼀个或多个列的分组来显⽰（类似 <colgroup>）。
table-column：此元素会作为⼀个单元格列显⽰（类似 <col>）
table-cell：此元素会作为⼀个表格单元格显⽰（类似<td和 <th）
table-caption：此元素会作为⼀个表格标题显⽰（类似 <caption>）
边的成语inherit：规定应该从⽗元素继承 display 属性的值。
