ktutu的博客

解决行内元素中间有空隙得意 产生原因：换行符、tab、空格产生空隙 解决方法： 1.元素写成一行 存在问题：代码混乱<span href="#" class="page-prev"><</span><span href="#" class="page-current">1</span><a href="#">2</a><a href="#">3</a>2.在根容器里设置font-siz

X-UA-Compatible：这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6)，以此来解决部分兼容问题。 -->用法： -->   学会忘记是生活的技术，学会微笑是生活的艺术原文链接：http://www

使用场景在移动端屏幕宽度有限的前提下，使用横向滚动的方式展示更多的内容。在这样的需求下，希望父元素作为容器，其宽度可以又横向排列资源的总宽度动态撑开，超过祖父元素的宽度；在不超过祖父元素时，自动继承100%的宽度。DOM结构如下： <div class="grantparent"> <div class="parent"> <div class="child

相对浏览器窗口，绝对上下左右居中 .loading { width: 100%; height: 100%; position: fixed; z-index: 100; background: #fff; } .pic { wi

有些朋友会发现，如果一行内容中有图片有文字的话，文字往往会自动的底部对齐，影响美观，那如何让它们相对于垂直居中呢很简单，就是在图片和文字所在的行中添加CSS属性：vertical-align:middle;这样，它们在同一行就会垂直居中对齐了。

1，如何清除图片下方出现几像素的空白间隙？ 方法1：img{display:block;}方法2：除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以img{vertical-align:top;}方法3：test为img的父元素.test{font-size:0;line-height:0;}2.如何让某个元素充满整个页

@diff : 50px; height: calc(~”50vh - @{diff}”);