前端规约
monkey01127
go big or go home
展开
-
纯CSS使用Float实现HTML双飞翼布局
需求:实现一个三列布局 左中右布局 左右2遍固定 中间内容区域宽度自适应 双飞燕布局 步骤 使用float属性让三列向左浮动 使用负margin属性让左右两列与中间列处于同一水平线上 在中间中增加一个div内容元素,设置margin的值为左右两列的宽度 最后,别忘记清楚浮动,让父元素正常显示 代码 css .container { width: 800px; margin: 0 auto; border: 1px solid red; overflow: hidden; }原创 2021-07-14 12:37:08 · 116 阅读 · 0 评论 -
CSS 清除浮动
企业级应用中清除浮动的最佳方法 clearfix 方案 使用伪元素after在父元素尾部添加一个元素, 省掉了一个标签了 对新增的伪元素应用清楚浮动的样式 必备的三大样式: content、clear、display 可选的三大样式:height、font-size、visibility 样式块 .clearfix:after { content: ""; clear: ""; dispay: block; } // 更完美的写法 .clearfix:after { content: "";原创 2021-07-13 12:46:08 · 66 阅读 · 0 评论 -
App内嵌H5的规约
第一步:检查页面是否已禁止缩放,IOS手机号蓝色 页面头部插入禁止模块代码如下: <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport"> <meta content="telephone=no" name="format-detection"> 第二步:H5仅展示不依赖原生APP,无交互操作,检查网页显示原创 2021-03-29 12:49:43 · 363 阅读 · 0 评论