摘要：
步骤 1 : line-height方式 <style> #d { line-height: 100px; } div{ border:solid 1px lightskyblue; } </style> <div id="d">line-height 适合单独一行垂直居中</div> 步骤 2 : 阅读全文
摘要：
步骤 1 : 左侧固定，右边自动占满 <style> .left{ width:200px; float:left; background-color:pink } .right{ overflow:hidden; background-color:lightskyblue; } </style> 阅读全文
摘要：
步骤 1 : 内容居中 <style> div{ border:1px solid lightgray; margin:10px; } </style> <div align="center"> 通过设置属性align="center" 居中的内容 </div> <div style="text-a 阅读全文
摘要：
元素的display显示方式有多种，隐藏、块级、内联、内联-块级 步骤 1 : 隐藏 在隐藏章节已经使用过通过display的方式隐藏一个元素display:none; 使得被选择的元素隐藏，并且不占用原来的位置 <style> div.d{ display:none; } </style> <di 阅读全文
摘要：
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 属性：float值： left,right 示例 1 : 文字向右浮动 文字向右浮动浮动后，原来的“坑”就让出来了并且是在原来的高度的基础上，向右浮动 <style> .f{ float:right; } </style 阅读全文
摘要：
示例 1 : 相对定位 属性：position值： relative与绝对定位不同的是，相对定位不会把该元素从原文档删除掉，而是在原文档的位置的基础上，移动一定的距离 <style> p.r{ position: relative; left: 150px; top: 50px; } </style 阅读全文
摘要：
示例 1 : 绝对定位 属性：position值： absolute设置了绝对定位的元素，相当于该元素被从原文档中删除了所以”正常文字4“会紧接着出现在 ”正常文字2“后面，而不会留下空档 <style> p.abs{ position: absolute; left: 150px; top: 50 阅读全文