摘要：
单行文字居中，固定宽高居中，平时很常见，我们都可以轻而易举的实现 未知宽度，高度的容器要实现水平垂直居中 如下 .demo { width: 80%; height: auto; position: relative; border: 1px #000 solid; top: 50%; -webki 阅读全文
摘要：
icon图标和文字整体居中在button按钮 icon图标和文字整体居中 icon图标和文字整体居中 一般我们常做的button按钮是文字居中 现在这个需要icon图标和文字一起居中在背景色 <a href="#" class="button ios" >苹果版下载</a> <a href="#" 阅读全文
摘要：
关于dl dt dd 文字过长换行在移动端显示对齐的探讨总结 <dl> <dt>抵押房产：</dt> <dd>1、北京市大兴区兴华大街丽园小区3单大兴区兴华大街丽园小区3单</dd> <dd>2、上海市大兴区兴华大街丽园小区2号楼3单元1208大兴区兴华大街丽园小区2号楼3单元1208</dd> < 阅读全文
摘要：
这个是通用的 css reset.这个版本适用于 移动端页面 如果需要在 PC端使用，可以 修改 html{font-size: 10px;}为html{font-size: 12px;} 其他地方不需要修改 @charset "utf-8"; html, body, div, span, appl 阅读全文
摘要：
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;}.clearfix { *zoom:1;} 如果不清除浮动就出现，div重叠的问题。比如说，你做了一个网页，最上面是 阅读全文
摘要：
flex盒模型 详细解析 移动端页面布局，采用盒模型布局，效果很好 /* flex：定义布局为盒模型 flex-v：盒模型垂直布局 flex-1：子元素占据剩余的空间 flex-align-center：子元素垂直居中 flex-pack-center：子元素水平居中 flex-pack-justi 阅读全文
摘要：
当涉及到表单的时候,很多文字字段不一样长短,这个时候需要两端对齐 如下图 所示 开始使用letter-spacing这样每个的去调试,很繁琐 使用空格也一个个的去实现,敲打 两个文字的中间的空格,可以使用"全角空格",但是3个文字的又不行了 这个时候想到了text-align: justify; 遂 阅读全文
摘要：
项目需要中 左边是房屋地址，右边显示几套房屋，如下图显示 开始想到使用 div标签，里面嵌套几个span，但是不利于对齐显示，一行还可以，多行了不方便 查找使用dl dt布局实现 html <dl> <dt>房产地址:</dt> <dd>1.北京市海淀区大兴路</dd> <dd>1.北京市海淀区大兴 阅读全文
摘要：
近期在群里看见flex布局九宫格的考题 自己也尝试试试，半天，无结果 遂转为div ul table实现的思路 下面是使用table使用的思路 <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td> 阅读全文
摘要：
display:box；display:flex；弹性盒模型 非常适用于移动端。PC端高级浏览器，效果也很好。 display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: box; 阅读全文