【CSS块、行元素的区别】

来源:互联网 发布:linux安装qq输入法 编辑:程序博客网 时间:2024/06/01 21:23
【CSS块、行元素的区别】


CSS块、行元素的区别


块元素的特性

独占一行显示;

可以设置宽高;

margin、padding横纵向都有效;

块转行——display: inline; 可以转换成行元素;

除(p、h1-h6)个别特殊元素外,可包含块状元素和行内元素;

form不能直接包含行元素。


行元素的特性

高度由内容撑开,可以并排显示;

不能设置宽高,由内容决定其宽高;

margin、padding横向设置有效,纵向不起效果;

行转块——display: block;可以转换成块元素;

除ins和del外,不能包含块状元素。


如何使元素在网页上不可见?

1.display : none;(彻底消失)

不为被隐藏的对象保留其物理空间,即该对象的内容、大小在页面上彻底消失;

2.visibility : hidden;(隐身)

使对象在网页上不可见,但该对象在网页上所占的空间大小没有改变。