CSS中的display属性可以用来控制元素的显示与隐藏。在页面中，有时需要根据某些条件动态地控制某个元素的显示或隐藏，这时候display就显得十分有用。

在CSS中，display属性有多个取值：

display: none; // 隐藏元素
display: block; // 块级元素
display: inline; // 行内元素
display: inline-block; // 行内块状元素

其中，display:none;可以让元素完全不可见，而display:block;可以将元素变成块级元素，使其独占一行。同时，在display:inline;中，元素将变成行内元素，可以与其他行内元素位于同一行。而display:inline-block;则可以让元素变成既拥有行内元素的特性，又拥有块级元素的特性。

下面是一些实际的例子：

// 隐藏元素
.hidden {
display: none;
}
// 显示块级元素
.block {
display: block;
}
// 显示行内元素
.inline {
display: inline;
}
// 显示行内块状元素
.inline-block {
display: inline-block;
}

通过使用不同的display属性值，我们可以轻松地控制页面中元素的显示与隐藏。在实际开发中，display属性经常被用到。例如，在响应式网页设计中，我们可能需要使用media query来根据屏幕大小动态地控制某些元素的显示与隐藏，这时候display就变得尤为重要。