随笔分类 -  css

摘要:html结构: 方法一:父元素display:flex,子元素:flex:1 方法二:父元素display:table,子元素:display:table-cell 方法三:触发元素的BFC特性 方法四:使用calc运算 来张以上方法的效果图: 阅读全文
posted @ 2018-10-20 13:32 HelloLin 阅读(254) 评论(0) 推荐(0)
摘要:html结构: 方法一: display:flex 方法二:display:table-cel 方法三:绝对定位和0 方法四:负边距 以上四种方法都可以完成用css实现子元素在父元素实现水平和垂直居中。 阅读全文
posted @ 2018-10-20 11:22 HelloLin 阅读(7343) 评论(0) 推荐(0)
摘要:input, textarea { font-size: 24px; padding: 10px; color: red; text-shadow: 0px 0px 0px #000; -webkit-text-fill-color: transparent; } input::-webkit-input-placeholder, textare... 阅读全文
posted @ 2018-08-01 11:11 HelloLin 阅读(10951) 评论(0) 推荐(0)
摘要:这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 再说白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一 阅读全文
posted @ 2018-07-31 21:34 HelloLin 阅读(958) 评论(0) 推荐(0)