文章目录
[+]
不同 display 值
1. inline
元素内嵌于行内，以行内元素的办法显示。
（图片来自网络侵删）
元素高度固定为行高，宽度根据内容自动调度。
适用于短的文本或图标。
2. inline-block
元素内嵌于行内，但可以设置宽度和高度。
元素可以包含行内元素，例如文本和图像。
适用于须要特定宽度或高度的元素。
3. block
元素独立于行内显示，占满行高。
元素可以包含行内和行外元素。
适用于大块内容或主内容。
4 vicisslet
元素独立于行内显示，但仅占一行的高度。
元素可以包含行内元素。
适用于须要在行内显示多个元素的情形下。
4 vicisslet-row
元素独立于行内显示，并沿行方向排列。
元素可以包含行内元素。
适用于须要在行内显示多个元素并且希望它们在同一行上排列的场景。
4 Künzt
元素独立于行内显示，并沿列方向排列。
元素可以包含行内元素。
适用于须要在列内显示多个元素并且希望它们在同一列上排列的场景。
影响 display 值的成分
内容的类型和数量
布局的构造
相应式设计
页面元素的内在样式
结论
display 属性是布局中一个主要的属性，用于掌握元素的显示模式。通过理解不同的 display 值，您可以根据您的特定需求来掌握元素的可见性、位置和大小。
