07 2018 档案

display:inline-block带来的问题及解决办法
摘要：在日常工作中，会经常遇到两个或多个元素并排排列的效果，以前会使用float等实现，float虽然方便好用，但是需要清除浮动，有时会带来意想不到的bug 而且在移动端是不推荐使用float的，所以使用display:inline-block是一个不错的选择。 但是display:inline-bloc 阅读全文
posted @ 2018-07-24 21:45 小平头~ 阅读(2972) 评论(0) 推荐(0)
/*清除浮动*/
摘要：/*清除浮动*/ .clearfix:before { display: table; content: " ";}.clearfix:after { clear: both;} 阅读全文
posted @ 2018-07-09 11:15 小平头~ 阅读(114) 评论(0) 推荐(0)
通用初始化样式
摘要：1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 另一种通用化样式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 阅读全文
posted @ 2018-07-08 21:23 小平头~ 阅读(205) 评论(0) 推荐(0)
css样式初始化
摘要：1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 另一种通用化样式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 阅读全文
posted @ 2018-07-08 21:22 小平头~ 阅读(186) 评论(0) 推荐(0)
纯CSS实现垂直居中的几种方法
摘要：垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table-cell html结构： 1 2 3 <div class="box box1"> <span 阅读全文
posted @ 2018-07-02 14:41 小平头~ 阅读(147) 评论(0) 推荐(0)