CSS

一、简要介绍 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。 主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持： 其中在webkit内核的浏览器中使用时，必须...

来源：不如吃茶去v piniu 6年前 (2019-09-13) 1263浏览 0评论

// 父元素设置 flex 父元素设为display:flex;没有问题，但子元素flex:1这种标注在safari中不能用！ 子元素使用的话只能设为flex:auto，如果想实现flex:1这种效果，请用： 用以上三个元素代替，因为flex属性就是...

piniu 6年前 (2019-01-09) 1198浏览 0评论

很多情况下，我们需要将某个元素当鼠标经过时，让它显示小手形状。其实很简单，只需要 css设置 cursor 属性就行。 cursor的取值如下： 值 描述 url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由...

piniu 7年前 (2018-08-14) 1439浏览 0评论

这里的意思是设置宽度比100%的宽度少50px。 calc是css3提供的一个函数，可以用于对任意的长度单位进行四则运算 语法：calc() = calc(四则运算) 说明： 用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：w...

piniu 7年前 (2018-07-24) 1242浏览 0评论

首先用一个“外层div”来包裹“半透明div”和“内容div”，切记“半透明div”和“内容div”是兄弟关系，然后利用 position:absolute、z-index、background-color、opacity、filter:alpha(...

piniu 7年前 (2018-07-22) 1315浏览 0评论

当我们使用layui 的table时，经常碰到当内容比较多时，某个单元格在有限的宽度内，并不能容纳这么对内容，我们需要让内容换行。 在layui的table文档中，没有设置换行的属性。 最有效的办法，就是添加一段css代码。来完成换行。 代码如下：

piniu 7年前 (2018-07-12) 2470浏览 0评论

做项目时发现所有的div,img的padding和margin都已经设置为0了，但是还出现间隙问题。 网上查了一下，类似的问题还蛮多的。解决方法基本是四种：1.将img设置为block; 这个基本可以解决img和div下方的缝隙问题。2.设置img的...

piniu 7年前 (2018-06-03) 1225浏览 0评论

记得一年前，到一家公司面试的时候，问我position有哪几个属性，我憋半天才回答出2个，大家估计都清楚，就是我们经常用到的2个（relative，absolute）。 最近又用到了好多，深入研究了下。 一、语法: 取值:static ：默认值，无特...

piniu 7年前 (2018-06-02) 1390浏览 0评论

css 实现连续文本换行，兼容写法： 防止表格/层撑破又防止单词断裂

piniu 7年前 (2018-05-23) 1036浏览 0评论

下面我们可以通过CSS样式来实现隔行变色的效果

piniu 7年前 (2018-05-22) 987浏览 0评论