- 博客(6)
- 收藏
- 关注
RSS订阅转载 CS秘密花园：梯形标签
我们经常可以看到这种梯形标签： 要实现这种梯形标签，可以通过背景图像模拟，但是要额外请求图片数据；可以用在矩形旁带两个三角形来创建，但是也增加了额外的元素或额外的请求；可以通过边框来伪造，但是这样很不灵活，比如，需要额外添加边框时就有了冲突。 现有一个解决方案，通过3D旋转一个矩形，在视觉上将此矩形伪造成一个梯形： 图注：通过3D旋转创建一个梯形。上图：变换前；下
2015-10-19 17:17:19
562
原创 clamp.js用法初窥
众所周知，要实现文本溢出显示省略号可以用text-overflow:ellipsis;但是只能显示单行文本； 多行文本可以用-webkit-line-clamp:n;但是这是webkit的私有属性，只有在webkit浏览器或移动端浏览器（大部分是webkit内核）可以发挥作用； 为了兼容各浏览器，可以使用::after选择器模拟省略号，但是此方案有一个缺点：及时没有溢出是省略号也存在。 经过
2015-10-17 16:02:34
11791
2
原创 居中（水平居中+垂直居中）
一、水平居中。 1.最普通的（在视口或窗口中）水平居中。 先写一个div，给它一些基本样式。 此时只用设置一个属性：margin， 就得到了居中的结果（没错，这就是凝胶物布局，此方法必须设置元素的width）。 2.居中一个绝对定位的元素。 上述方法的元素使用默认的定位，即static，那么当元素是绝对定位（absolution）时，就用到了这个公式： left=(x-y)/2
2015-02-27 00:19:30
1016
原创 css布局（以两栏布局为例）
以下皆以两栏布局为例。 1.html： 2.css： 显示： 1.漂移布局。 即流布局。 关键字：float，值：lefr、right。 宽度：必须设置。 缺点：会导致内容放置顺序的改变，如果想把一个元素浮动到另一个元素下面，必须把要浮动的内容提到紧挨着另一个元素之后，会造成需要读html文档内容的用户的不便。 eg. 2.凝胶物布局。 把
2015-02-17 21:20:55
446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人