![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
cicixujing
这个作者很懒,什么都没留下…
展开
-
css中关于各种宽度和高度区别
对于宽度的各种定义,不同语境下有不同的含义,PC端与移动端的表现也有不同,还可能与缩放水平、滚动条、viewport设置等因素相关。读取宽度时,需要明确想要读取的是哪种宽度、这个宽度值受哪些因素影响、与哪些因素无关,这样才能写出适应性更强的代码。经过一番试验与探索,得到成果整理如下,包括表格、示意图、演示页面,与大家分享。--------------------------转载 2014-10-28 20:47:15 · 727 阅读 · 0 评论 -
css 控制文本显示两行 超过省略号显示
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;原创 2015-03-16 11:29:18 · 3752 阅读 · 0 评论 -
inline-block横向排列元素间隔原因及去除间隔方法
1.问题出现的场景:需要实现上面的布局,三张图横向排列,左图靠左,右图靠右,中间图居于中间,且图与图之间有固定间隔,起初通过如下方式实现(为了说明方便,直接通过内联样式表现):margin-left:34%"> src=""/> right"> 该实现方式,通过float来控制左右两侧图靠两边停放,中间图通过计算三张图总宽96%,剩余4%,这4%需要分为两原创 2015-03-10 11:02:44 · 1213 阅读 · 0 评论 -
html结点 垂直居中
为了实现上面右侧文字的垂直居中,尝试了多种方法,但苦于父容器不定高,因此多种方案都被否定,最后求助于高手后,找到如下解决方案:.container{display:flex;flex-direction:row;align-items:center;} 韩红:今年两个提案中一个就关于雾霾原创 2015-03-10 16:21:17 · 549 阅读 · 0 评论 -
关于iPhone6 plus上设置shadow失效的解决方案
通过增加border-radius=0.1px来解决iPhone6 plus上设置shadow失效的问题原创 2015-05-04 15:21:41 · 1247 阅读 · 0 评论