zoukankan      html  css  js  c++  java
  • CSS(三)display, visibility

    内联元素inline-element

    和其他元素在同一行。

    可以设置:

        padding【但是只会影响水平方向上的其他元素,垂直方向不会有任何影响】

        margin-left,  margin-right

    不可以设置:

        width,  height  margin-top,  margin-bottom,   line-height

    常见元素:

        a,  br,  input,  span,  b

    【解决方法:】

        display: block   将一个内联元素变成块元素

       块元素将会占据整行。如果马上另在元素下面接一个内联元素,内联元素会显示在这个块元素之下

    【变成行内块元素,这个内联元素就会显示在同一行】

        display: inline-block

    对于块元素,通过display: inline变成内联元素

    display: none  不显示,直接消失,不占据空间了

    visibility: hidden 只是隐藏,元素还是占据着空间

  • 相关阅读:
    discuz开发笔记
    响应式布局
    timedelta
    图片轮播
    性能
    事件捕获
    git
    css hacks
    AFNetworking 网络错误提示data转换字符串
    常见HTTP错误代码
  • 原文地址:https://www.cnblogs.com/hikki-station/p/10546941.html
Copyright © 2011-2022 走看看