css
文章平均质量分 69
MetaLuo
啦啦啦我是愉快的小布丁
展开
-
relative的定位
平时我们运用position:relative一般都是在使用absolute的时候限制他的相对定位。那如果直接使用relative呢?是相对于什么来进行定位的?一开始的位置:由于设置了padding-left,可以更好地区分一些情况: 用relative,left:50%后的位置: 可以看出,它的移动是相对于元素本身的位置移动。那是移动了多少的位置? 我设置的是left:50%,显然并不是自身原创 2015-12-31 16:19:37 · 1591 阅读 · 0 评论 -
如何用css画三角形
就是如下效果:左边的这个三角形如果做呢?方案一:简单粗暴,直接用图片方式:这个绝对地方便啊,直接将三角形的图片抠出来放进去,不管是用span承载图片然后用绝对定位来实现,还是作为一小个div的背景承载(这两种方式的布局不一样,其实要实现这个聊天框可以用好多种布局方式来实现),都是很方便的。优点:方便。缺点:一般图标占用资源较多,能用css解决就最好用css解决,毕竟可以节省资源。方案二:简单不粗暴原创 2016-03-04 15:02:37 · 389 阅读 · 0 评论 -
div永远垂直居中的方法
如果div大小和父级元素大小已定,那垂直居中的方法就很多,今天来讨论下如果子元素大小和父级元素大小都不确定,要保持一个div永远垂直居中的方法。用CSS3来实现如果使用css3的话就有挺多的方法。teansform:translate.parent{ position:relative; } .child{ position:absolute; top:50%; left:5原创 2016-02-25 09:04:42 · 1594 阅读 · 0 评论