CSS中的display属性决定了元素的显示方式。它有以下几种值:display: block; 将元素显示为块级元素,并且在前后都有换行符。常用来显示大块内容,比如p、div等。display: i...
CSS中的display属性决定了元素的显示方式。它有以下几种值:
display: block;
将元素显示为块级元素,并且在前后都有换行符。常用来显示大块内容,比如p、div等。
display: inline;
将元素显示为行内元素,并且在前后没有换行符。常用来显示文本、图片等行内元素。
display: inline-block;
将元素显示为行内块级元素,并且在前后没有换行符。常用来显示带有宽度和高度的行内元素。
display: none;
将元素隐藏,不占据空间。常用来实现一些动态js效果。
display: flex;
使用flex布局来排列子元素。这个值常用来实现响应式的布局。
display: grid;
使用grid布局来排列子元素。这个值常用来实现复杂的网格布局。
display: table;
display: table-cell;
display: table-row;
这三个值可以用来模拟表格布局,但是通常不建议使用这种方式来布局,而是使用flex或grid布局。