zoukankan      html  css  js  c++  java
  • css+div中遇到的问题(不断更新中)

    css+div中遇到的问题

    -------------------------------------------------------------

    1. 当你不想给div设置高度的时候,想让里面的内容撑开高度的时候,背景颜色或者图片却失效的时候的解决办法:

    -------------------------------------------------------------

    给这个div设置css

    div{

      height:100%;(必须项,或者自定义高度也可以)

      background:red;

      overflow:hidden;(必须项)

    }

    2. 当一个div里面既有图片又有文字,想要文字与图片居中的时候代码:

    给此img标签添加css:

    img{

      vertical-align:middle;

    }

    3.关于line-height的理解:

    取值:normal(默认)、number(数字)、百分比(默认在100%~120%之间)、像素、inherit(集成父级的行高);

    说明:

    一、当设为像素的时候:

    跟div高度一致时,垂直居中;

    二、当设为数字的时候:

    此数字会与文字的字体大小(font-size)相乘作为行距。

    三、百分比:

    百分比之后的数字与设为number时无异;

    4.padding和margin 的吞吃现象解决办法:

    一、为子级加上border;实在不需要border,就写border:1px solid transparent;这样即使写了border也显示不出来;大可放心使用;

    二、为里面嵌套的div设定固定高度;

    5.  用css写闪烁效果:

     

  • 相关阅读:
    C#学习
    1.计算机的硬件
    C++ bitset——高端压位卡常题必备STL
    Aragorn's Story
    Sql Server DTS使用
    Django的SQL注意事项(以及时间戳转换日期格式)
    HTML中复选框的使用方法
    Http常见状态码
    scrapy yield 回调函数不执行解决方案
    jsonp跨域请求
  • 原文地址:https://www.cnblogs.com/JonjoyFang/p/6600892.html
Copyright © 2011-2022 走看看