css
关注
分享
扫一扫
xiaozaq
这个作者很懒，什么都没留下…
展开
-
容器大小固定，根据文字多少来调节显示的字体大小
在制作报表打印时，因为长宽大小固定，希望里面的内容显示友好。所以希望能根据文本的长度自动调节字体的大小。意外实现了div下文本垂直居中效果。注意不要设置行高，浏览器会自动根据字体大小设置行高。先看效果：插件下载地址：text-show插件，容器大小固定，根据文字多少来调节显示的字体大小demo代码：<!DOCTYPE html><htm...原创 2019-10-17 09:44:55 · 3241 阅读 · 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 · 457 阅读 · 0 评论 -
CSS position 属性：绝对定位与相对定位，以及浮动
可能的值：absolute，fixed，relative，static，static，inherit。值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed原创 2016-01-17 17:53:34 · 7213 阅读 · 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 · 3578 阅读 · 0 评论 -
div水平居中
让标签居中用margin:0 auto;比较常用text-align:center;这个一般主要用于文本居中，虽然有时候能让某些标签居中，但是还是别用这个。注：margin:0 auto;这个必须是要给标签设定宽度，而且不能加浮动，这个样式居中的原理就是左右边距都自适应，因为div默认是宽度最大化的，所以不设定宽度的话无法实现居中，而加浮动后div会变为宽度最小化并且只有左或者右浮动，所以原创 2016-01-18 15:09:00 · 481 阅读 · 0 评论 -
CSS样式覆盖规则
大家都知道CSS的全称叫做“层叠样式表”，但估计很多人都不知道“层叠”二字的含义。其实，“层叠”指的就是样式的覆盖，当一个元素被运用上多种样式，并且出现重名的样式属性时，浏览器必须从中选择一个属性值，这个过程就叫“层叠”。样式覆盖（这种叫法更大众化些）遵循一定的规则，之前我对这个规则一直似懂非懂的，直到这几天看了”CSS: The Missing Manual”，才豁然开朗。下面是我的一些学习笔记转载 2016-01-15 15:01:24 · 897 阅读 · 0 评论