css
文章平均质量分 66
夏天的甲虫
这个作者很懒,什么都没留下…
展开
-
不规则div之<div两垂直边向里凹陷>
今天公司网站上要做一个页面,设计图就有设计到垂直边向里凹陷的很多块,而且这些块高度是不一致,如果直接切图来做背景很不现实,还是得用样式来实现这个效果。下面就来记录一下实现的方法,以便自己以后重用。如果你看到了这篇文章,也希望你能给我一些好的建议。(对于IE只适用于IE9)原创 2014-12-23 14:26:17 · 3408 阅读 · 1 评论 -
input框的placeholder使用line-height在Safari上不垂直居中的问题
测试中出现的问题,Safari5.1.7 input文本框有placeholder值时,css样式设置 line-heigh t与 heigh t等高,并不能使提示文本垂直居中,如下: width: 450px; height: 40px; line-height: 40px;解决方案一:使用padding使提示文字居中,原创 2016-07-29 11:09:05 · 17266 阅读 · 1 评论 -
display:inline-block的icon不垂直居中问题
需要了解知识点: 1、基线:基线并不是汉字的下端沿,而是英文字母x的下端沿; 2、行高指的是文本行的基线间的距离; 图片来源链接地址! 进入正题: 父元素设置line-height后,看似文本垂直居中对齐,而inline-block的icon并没有与文字对齐,如下图,因为默认的垂直对齐方式为vertical-align: baseline;这种对齐方式下,元素以基原创 2016-09-07 11:50:50 · 10954 阅读 · 0 评论 -
不固定高度水平垂直居中
页面不固定高度垂直居中,很多时候会想到用display:table;content高度可自适应,缺点多一层div标签,(ie7以下包括ie7出错)demo如下: rem .out{ display: table; background: #0f4b89; width: 500px;原创 2016-09-02 11:52:07 · 976 阅读 · 0 评论 -
页面内容不足以铺满屏幕高度时,footer居底显示
页面内容不足以铺满屏幕高度时,footer居底显示原创 2016-11-08 14:24:34 · 11172 阅读 · 1 评论 -
css收集整理
整理一些自己平时用的比较多的或者巧技方便以后使用,不断整理更新,笔记都是做给自己看的,略潦草…… /** * Created by yangyurong on 2016.12.06 * description:整理项目中常用的样式 */ @charset "utf-8"; /* reset start */ body, h1, h2, h3, h4, h5, h6, hr, p, block原创 2016-12-06 17:22:53 · 382 阅读 · 0 评论