关于行状元素和块状元素【鸡蛋】

来源:互联网 发布:信息可视化软件 编辑:程序博客网 时间:2024/05/01 10:45

块状元素可以理解为一个块状容器,它会自动换行!块状元素的display属性值默认解析为block!像div、p、li等标签!

行状元素可以理解为一行,改行没有宽高,也不能设置宽高!它的display属性为inline!像a、span等标签!

如果我们想要为行状元素设置宽高的话,必须将其转为快状元素,即:将该行状元素的display属性设置为block.但是这样做有一个问题,就是会产生换行(块状元素默认是会换行的),如果不想让他换行,那我们可以使用另外一个值display:inline-block;  它可以使行级元素可以设置宽高,又不改变其行级元素的性质!