美文网首页【HTML+CSS】
【CSS块、行元素的区别】

【CSS块、行元素的区别】

作者: 魔_术师 | 来源:发表于2017-05-16 00:13 被阅读2次
    CSS块、行元素的区别

    块元素的特性

    独占一行显示;

    可以设置宽高;

    margin、padding横纵向都有效;

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

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

    form不能直接包含行元素。


    行元素的特性

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

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

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

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

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


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

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

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

    2.visibility : hidden;(隐身)

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

    相关文章

      网友评论

        本文标题:【CSS块、行元素的区别】

        本文链接:https://www.haomeiwen.com/subject/wgukxxtx.html