随笔分类 - css
摘要:在项目开发的过程中,我们往往遇到文本溢出需要添加省略号的需求。而这个需求可以分解为两个,一个是单行溢出省略,一个是多行溢出省略。 单行溢出省略 效果 多行文字溢出省略 效果
阅读全文
摘要:css3的出现让我们可以用css画一些简单的动画,之前加载中这样的效果需要设计帮我们出图,而现在我们可以通过css代码来实现加载动画,这我们可以不用完全依靠设计了。 1. 代码如下 2. 代码
阅读全文
摘要:气泡效果最麻烦的是下面的小三角,而小三角是怎么来的呢?首先先看下面的代码 效果如下 接下来,去掉border-top, 效果如下 再去掉,border-left, 效果如下 再隐藏border-right, 效果如下 去掉上,隐藏左右, 效果如下 只需变化border的不同方向就可以得到不同的三角,
阅读全文
摘要:网页布局居中必不可少,其中包括水平居中,垂直居中,上下左右居中,下面一一详述。 水平居中 效果 3.position:absolute; 这种方法也需要固定元素的宽度. 效果 4.flex 效果 垂直居中 1.一行文字垂直居中 效果 2.未知高度元素居中 第一种方法 第二种方法 效果 3.高度已知垂
阅读全文
摘要:项目开发过程中我们常用的布局一边固定一边自适应。常见的是左边固定,右边自适应。 主体内容在右边 1.浮动 2.定位 这种布局方式有一定的缺陷,当内容的高度大于父元素时,会影响下面的布局,出现下面的情况。这种方式不建议在不知道内容高度的情况下使用. 3.flex flex 是css3的特性,有兼容性.
阅读全文

浙公网安备 33010602011771号