![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
xiaozaq
这个作者很懒,什么都没留下…
展开
-
容器大小固定,根据文字多少来调节显示的字体大小
在制作报表打印时,因为长宽大小固定,希望里面的内容显示友好。所以希望能根据文本的长度自动调节字体的大小。意外实现了div下文本垂直居中效果。注意不要设置行高,浏览器会自动根据字体大小设置行高。先看效果:插件下载地址:text-show插件,容器大小固定,根据文字多少来调节显示的字体大小demo代码:<!DOCTYPE html><htm...原创 2019-10-17 09:44:55 · 3159 阅读 · 0 评论 -
子DIV块中设置margin-top时影响父DIV块位置问题
相信很多前端同学在做页面开发的时候都遇到过这样的问题。给一个div内部的div设置一个margin-top,结果它的父级跟着它一起下移了。如下面的代码.a { width:100px; height:100px;}.b { width:50px; height:50px; margin-top:10px;}<div class="a"&...转载 2019-10-14 11:46:53 · 437 阅读 · 0 评论 -
CSS position 属性:绝对定位与相对定位,以及浮动
可能的值:absolute,fixed,relative,static,static,inherit。值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed原创 2016-01-17 17:53:34 · 7136 阅读 · 1 评论 -
解决 div或者a标签的高度比里面的img高度多了5px 问题
a元素或者div元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认vertical-align是baseline的,而且往往因为上文line-height的影响,使它有个line-height,从而使其有了高度,因为baseline对齐的原因,这个匿名盒子就会下沉,往下撑开一些距离,所以把a撑高了。解决办法一是消除掉匿名盒子的高度,也就是给a设置line-height:0或fo转载 2016-01-18 14:48:15 · 3552 阅读 · 0 评论 -
div水平居中
让标签居中用margin:0 auto;比较常用text-align:center;这个一般主要用于文本居中,虽然有时候能让某些标签居中,但是还是别用这个。注:margin:0 auto;这个必须是要给标签设定宽度,而且不能加浮动,这个样式居中的原理就是左右边距都自适应,因为div默认是宽度最大化的,所以不设定宽度的话无法实现居中,而加浮动后div会变为宽度最小化并且只有左或者右浮动,所以原创 2016-01-18 15:09:00 · 456 阅读 · 0 评论 -
CSS样式覆盖规则
大家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义。其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫“层叠”。样式覆盖(这种叫法更大众化些)遵循一定的规则,之前我对这个规则一直似懂非懂的,直到这几天看了”CSS: The Missing Manual”,才豁然开朗。下面是我的一些学习笔记转载 2016-01-15 15:01:24 · 862 阅读 · 0 评论