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写闪烁效果：

 

 

 

 

转载于:https://www.cnblogs.com/JonjoyFang/p/6600892.html