html
关注
分享
扫一扫
清晏23
越努力，越平静
展开
-
Css居中 - 极限挑战
说到居中，大部分人可能都觉得，这简直婴幼儿问题嘛，别说前端了，恐怕设计后端，都会不假思索地敲个：text-align:center; margin:0 auto; 那么问题来了，居中，你知道吗？你真的知道吗？你确定你知道吗？你真的确定你知道吗……哈哈，我都被这鸟广告烦死了！ 那么今天，我们就一起来翻箱倒柜、温故知新！1、文字居中，文字和图标的垂直对齐： 暂时不表，后续...原创 2018-08-06 17:07:24 · 164 阅读 · 0 评论 -
Flex 子元素高度塌陷
先看看页面整体布局：· wrap 弹性布局，分 head、main；· head 弹性布局，分 h2、i ；问题：head 高度塌陷。高 32px，变成：24.03px（PS里：chrome是23px，IE是24px）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...原创 2018-08-15 00:48:04 · 7349 阅读 · 1 评论 -
纯 Css 实现 ui-layout 布局
年初，公司 UI 框架升级，几番比较以后，layui 和 adminLte 同时入选。当然，很明显，这俩框架都是师出 bootstrap，提供基础的样式、组件、插件。但要‘本土化’到项目中来，多少要再翻炒一遍。公司的系统页，大多基于页面高宽100%来开发作业，以前的布局框架，无论是自己写的，还是插件，如ui-layout，都是用脚本计算。 现在，这俩新框架，栅格部分勉强...原创 2018-08-18 03:11:52 · 2054 阅读 · 0 评论