![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS学习
文章平均质量分 66
浅端
用最少的文字,写最多的知识。
展开
-
text-align无法实现内容居中的原因分析及解决办法
<div class="loading"> <img src="./loading.png" alt="图片丢失了" /> <span class="text">{{text}}</span> </div>为了让图片和文字水平垂直方向都居中,我使用stylus(就当CSS理解)如下:.loading po...原创 2020-04-14 11:22:41 · 5741 阅读 · 0 评论 -
css元素常用居中方式3种
三种方式都可以在未知元素宽高的情况下。一、DOM结构,很简单。外层父元素father,内层子元素son。<body> <div class="father"> <div class="son"></div> </div></body>所有结果图都是这样 二、上代码,一目了然。1....原创 2020-03-05 14:07:51 · 241 阅读 · 0 评论 -
Flex布局的12个属性及取值
Flex的基本概念及12个属性原创 2020-01-12 11:25:56 · 873 阅读 · 0 评论 -
css——after伪元素的使用
[]:after会在被选中的元素最后增加一个伪元素.有以下两个比较重要的特点:① 默认是行内元素② css2的写法是":after",css3里为区分伪元素和伪类,写法是“::after”栗子1:css: div::after { content:"你好" }html: <div>哈哈哈哈。</div>它通过属性content来控制在选中元...原创 2019-11-15 15:18:05 · 2604 阅读 · 0 评论