2019年12月25日
垂直居中和水平居中
摘要： *垂直居中 1、father{ display:table-cell; vertical-align:center; } 2、直接根据宽、高计算margin的大小 3、father{ position:relative; width:300px; height:300px; } child{widt 阅读全文
posted @ 2019-12-25 14:17 米修^~^ 阅读(129) 评论(0) 推荐(0) 编辑
文本溢出隐藏，显示省略号
摘要： 1、单行文本 white-space:nowrap; 不换行 overflow:hidden; 溢出隐藏 text-overflow:ellipsis; 显示省略号 2、多行文本 p{ overflow:hidden; position:relative;} p::after{ content:". 阅读全文
posted @ 2019-12-25 14:11 米修^~^ 阅读(195) 评论(0) 推荐(0) 编辑
浏览器前缀及css工具
摘要： 常见浏览器前缀： -webkit- google,safari,android browser -moz- firefox -o- opera -ms- internet explorer ,edge css在线代码分析工具：http://www.cssstats.com w3c统一验证工具：htt 阅读全文
posted @ 2019-12-25 14:06 米修^~^ 阅读(268) 评论(0) 推荐(0) 编辑
伸缩布局flex
摘要： *父元素display:flex; 子元素所占份数 flex:1; *min-width:500px;最小宽度，不再随窗口缩小 max-width:1000px;最大宽度 *flex-direction:column;排列方式垂直，默认水平方向row *justify-content:flex-st 阅读全文
posted @ 2019-12-25 14:00 米修^~^ 阅读(159) 评论(0) 推荐(0) 编辑