Css代码解释

发布网友 发布时间：2022-04-06 11:08

我来回答

共4个回答

热心网友 时间：2022-04-06 12:37

自己参考，其实也不难
display,顾名思义,就是对该元素显示的调整,
这是我从W3C网站上找的,none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。
table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。
table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。
table-row 此元素会作为一个表格行显示（类似 <tr>）。
table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。
table-column 此元素会作为一个单元格列显示（类似 <col>）
table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
table-caption 此元素会作为一个表格标题显示（类似 <caption>）
inherit 规定应该从父元素继承 display 属性的值。

热心网友 时间：2022-04-06 13:55

"display":元素显示状态：inline-block是行内块元素，-moz-inline-stack;也就是display:inline的意思，只是这个针对于其他浏览器设置，inline:这个表示是元素同一行显示不换行。
vertical-align: middle;垂直居中
zoom：是CSS hack中专对IE6起作用的部分。IE6浏览器会执行zoom:1表示对象的缩放比例

热心网友 时间：2022-04-06 15:30

前两行反了：

display:inline-block;/* Firefox3 beta、IE8 beta、Opera、Safari支持*/
display:-moz-inline-stack;/* Firefox的私有属性，也可以用-moz-inline-box */
*display:inline;
zoom:1;/* 这两行，激活IE6/7的layout，实现类似效果 */

热心网友 时间：2022-04-06 17:21

vertical-align: middle;
这是垂直居中意思