常用的CSS技巧代码段整理.pdfVIP

常用的 CSS 技巧代码段整理 1、垂直对齐 如果你用 CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用 CSS3 的 Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 使用这个技巧，从单行文本、段落到 box，都会垂直对齐。目前浏览器对 Transform 的支持 是需要关注的，Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9.均支持该属性。 2、伸展一个元素到窗口高度 在具体场景中，你可能想要将一个元素伸展到窗口高度，基本元素的调整只能调整容器的大 小,因此要使一个元素伸展到窗口高度，我们需要伸展顶层元素：html 和 body: html,body{ he