block(块级元素):块级元素通常用于创建页面的主要结构,如段落、标题、div等。它们会在新行上开始,并占据整个可用宽度。块级元素的主要作用是创建页面的主要布局,它们可以包含其他块级元素和内联元素。
inline(内联元素):内联元素通常用于包装文本和其他内联元素,它们不会在新行上开始,仅占据它们的内容所需的宽度。内联元素常常用于创建文本链接、强调文本等。
inline-block:inline-block 元素结合了块级元素和内联元素的特性,它们在一行内排列,但可以设置宽度和高度。这允许创建水平排列的按钮、图像、导航元素等。
flex(弹性布局):display: flex 允许使用Flexbox布局模型,以创建自适应和响应式的页面布局。通过定义Flex容器和其子元素之间的关系,可以实现水平和垂直居中、自适应列布局等复杂布局。
grid(网格布局):display: grid 允许使用CSS Grid布局模型,将元素划分为网格,以实现高度灵活的布局。它适用于复杂的多列布局、定位元素等。
none:display: none 用于隐藏元素,它不会在页面上显示,但文档结构仍然存在。通常通过JavaScript来控制元素的显示和隐藏。这对于实现交互和动态页面非常有用。
table(表格元素):display: table 可以将元素呈现为表格元素,包括表格