css中diaplay |代码css用法

css繁体设置，登陆按钮 css，css添加图片怎么写，小屏手机兼容css，css里面图片有默认距离，用css需要引入包吗，代码css用法 css中diaplay |代码css用法

display: block;
 display: inline;
 display: inline-block;
 display: none;
 display: flex;
 display: grid;
 display: table;

其中，block元素会在页面中占据整行，类似于分割线；inline元素则与文本内容在同一行中显示；而inline-block元素则是在同一行中显示但是可以设置宽高，对于一些多行内联元素，通常使用该属性。

p {
display: inline-block;
width: 100px;
height: 50px;
background-color: red;
 }

对于none属性，它会使元素从页面中消失，不占据空间和显示。

p {
display: none;
 }

flex和grid属性是CSS3中新增的元素布局属性，灵活的处理元素在页面中的位置和大小，可以方便地实现响应式布局。

.container {
display: flex;
justify-content: center;
align-items: center;
 }

最后，table属性用于将元素显示为表格形式，可以配合其他的表格属性实现数据的呈现或布局。

table {
display: table;
width: 100%;
height: 200px;
border-collapse: collapse;
 }

总之，display属性是CSS中的基本属性之一，多学习并实践应用不同的display属性可以为网页的设计和布局提供不少帮助。