随笔分类 -  CSS

摘要：var array = document.getElementsByTagName("*"); for (var i=0; i < array.length; i++) { array[i].style.cssText = '-webkit-touch-callout: all;' + '-webkit-user-select: all;' + '-khtm... 阅读全文

摘要：挺好用的水平垂直居中任意内容代码，并且支持度很高 html css 阅读全文

摘要：纯CSS实现：盒子内元素垂直居中，宽高固定与否均可，IE5除外所有浏览器均兼容： 1 2 3 4 5 纯CSS实现：盒子内元素垂直居中，宽高固定与否均可，IE5除外所有浏览器均兼容 6 12 13 14 15 16 17 text-align:center;1... 阅读全文

摘要：题外话：一直以来，使用CSS设置内容在容器中的垂直居中，并同时做到多浏览器兼容都是一个困扰前端开发人员的麻烦问题。网上流传的方法中大多兼容性差，或者代码结构复杂，而且通用性差。内容的垂直居中问题一般会分以下几种情况：1.固定高度，单行文本垂直居中2.固定高度，多行文本垂直居中3.有最小高度，当内容多时高度自适应以上三种情况,用table设置td的vertical-align可以完全解决,但是设置垂直居中使用table,会造成代码冗余,因此适当用line-height或者position等方法也未尝不可。但是大多情况下,局限性太大,兼容性也有问题。来看一下下面的的这个设计图。要如何实现，恐怕就犯 阅读全文

摘要：在工作当中我们经常碰到类似于"固定高度文字垂直居中及未知高度垂直居中问题"，或者 "图片垂直居中问题"，而我们最容易会想到使用表格来垂直居中，或者如果是单行文字的话使用height(高度)和line-height（行高）来解决，但是假如页面有多行文字的话 固定高度该怎么解决? 或者未知高度我们该用css怎么解决? 且兼容各个游览器！一：单行文字垂直居中：如果一个容器中只有一行文字的话，让他垂直居中比较简单 直接定义height(高度)和 line-height(行高)相等即可。如：aa二：多行文本固定高度垂直居中：1. 除IE7及IE7以下游览器 多行文 阅读全文