hellowzm 2020-07-19
/* display: block; */ /* 浏览器默认样式 *//* display: inline; */ /* 设置为行内元素 *//* display: none; */ /* 隐藏元素不占空间 *//* display: inline-block; */ /* 可以和行内元素在同一行, 可以设置宽度和高度*/demo:
<style> div { background: #add8e6; width: 260px; height: 100px; /* display: block; */ /* 浏览器默认样式 */ /* display: inline; */ /* 设置为行内元素 */ /* display: none; */ /* 隐藏元素不占空间 */ display: inline-block; /* 可以和行内元素在同一行, 可以设置宽度和高度*/ } </style> <h3>width: 260px; height: 100px;</h3> <div>display: inline-block; 可以设置width和height</div> <div>display: inline-block; 可以设置width和height</div>
扩展: