display属性有哪些值

CSS的display属性用于控制元素在页面中的显示方式。常见的display属性值有以下几种：

1. block：将元素显示为块级元素，即单独占据一行，可设置宽高，可以容纳内联元素和其他块级元素。

2. inline：将元素显示为内联元素，即不会独占一行，不可设置宽高，只能容纳文本和其他内联元素。

3. inline-block：将元素显示为内联块级元素，即不会独占一行，但可以设置宽高，可以容纳内联元素和其他块级元素。

4. none：将元素隐藏，不占据空间。

5. table：将元素显示为表格，即将元素渲染为表格的形式。

6. table-cell：将元素显示为表格单元格。

7. flex：将元素显示为弹性盒子，即可以通过flex属性进行布局。

8. grid：将元素显示为网格布局，即可以通过grid属性进行布局。

9. list-item：将元素显示为列表项。

10. inherit：继承父元素的display属性。

11. initial：将display属性设置为默认值。

12. unset：将display属性设置为继承或者默认值。

相关问题

使用jquery获取dom的display属性值

可以使用jQuery的`css()`方法来获取DOM元素的display属性值，示例如下：

var displayValue = $('#myElement').css('display');

其中，`#myElement`是待获取display属性值的DOM元素的选择器。`css('display')`返回该元素的display属性值。

JavaScript判断html的display属性

可以使用JavaScript的style.display属性来获取和设置HTML元素的display属性值。例如，以下代码将获取id为"myElement"的元素中的display属性值并将其打印到控制台中：

var myElement = document.getElementById("myElement");
var displayValue = myElement.style.display;
console.log(displayValue);

同样，您可以使用以下代码来设置id为"myElement"的元素的display属性值：

var myElement = document.getElementById("myElement");
myElement.style.display = "none";