摘要：.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.北京市海淀区大兴 阅读全文