![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
文章平均质量分 93
反重力落叶
简单做人,努力做事
展开
-
实用的css3属性
实用的css3属性1、display:flex||inline-flex display flex inline-flex 解释 将对象作为弹性伸缩盒显示 将对象作为内联块级弹性伸缩盒显示 项目中的应用 我当时写过一个因为子元素浮动让div自适应高度的解决办法,使用的是css方法解决的。div高度自适应 下面就是换用display:flex解决 <!DOCTYPE h原创 2016-02-28 16:33:56 · 1120 阅读 · 0 评论 -
css3伪元素
css3伪元素*css2的规定为单冒号表示,而css3已经明确表示伪类使用单冒号,伪元素使用双冒号,本次所有测试双冒号 对于读者阅读,有的地方显得有些冗余,但是,这是为了测试没办法了,如果写的不全面或者有错误,请您提出建议 css3伪元素 selection 浏览器支持 代码示例 before 浏览器支持 代码示例 after 浏览器支持 代码示例 first-letter 浏览器支持 代码示例原创 2016-01-28 15:07:24 · 700 阅读 · 0 评论 -
实现元素的垂直与水平居中的六种方法
一、 img的垂直水平居中 使用到的重要样式属性display,vertical-align vertical-align:middle这个属性是对table元素垂直居中起作用,如果想使用在img元素上,就注意下面的display设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原创 2016-05-10 14:41:12 · 1060 阅读 · 0 评论 -
这种div高度自适应确定你知道吗?
# 1. 随子元素div高度自适应 如何下面的child1和child2浮动,parent高度就会为0,前提child1和child2都有高度,如果你想parent的高度自适应,请继续阅读 <body> <div class="parent"> <div class="child1"></div> <div class="child2"></div>原创 2016-06-01 23:22:13 · 403 阅读 · 0 评论