![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Leon_94
Just Code IT!
展开
-
CSS中的标准盒模型 和 怪异盒模型
CSS中Box model分类CSS中Box model是分为两种:: W3C标准 和 IE标准盒子模型。大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。当不对doctype进行定义时,会触发怪异模式。在标准模式下,一个块的总宽度= width + margin(左右原创 2016-11-08 10:57:52 · 1036 阅读 · 0 评论 -
弹性盒子常用属性
弹性盒子常用属性 display设置为flex属性flex-direction属性:设置子元素的排列方式,同时设置主轴,默认的情况下x轴为主轴 flex-direction: row | column | row-reverse | column-reverserow:设置子元素为x轴正向排列(默认)此时主轴为x轴,侧轴为y轴row-reverse:设置子元素为x轴从右往左排列 此时主轴原创 2016-10-18 09:12:23 · 5593 阅读 · 0 评论 -
如何用canvas画一个柱状图
如何用画布画一个柱状图 结构部分<body> <canvas id="canvas" width="500" height="400" style="border: 1px solid #333;"></canvas> <input type="number"原创 2016-10-18 22:20:36 · 1559 阅读 · 0 评论 -
CSS中几种清除浮动法解决高度塌陷
当我们给子元素设置了浮动,但是没有给父元素设置高度时,就会出现高度塌陷问题。原创 2016-11-11 20:56:11 · 1086 阅读 · 0 评论 -
css布局左右定宽,中间自适应
一、基于传统的position或者浮动,让其脱离文档流的方法1、position(绝对定位法)绝对定位法原理是将左右两边使用absolute定位,因为绝对定位使其脱离文档流,后面的center会自然流动到他们上面,然后使用margin属性,留出左右元素的宽度,既可以使中间元素自适应屏幕宽度。原创 2016-12-05 20:44:46 · 3780 阅读 · 0 评论 -
css3创建椭圆形边角
<!DOCTYPE html><html><head><meta charset="utf-8"> <style> #rcorners7 { border-radius: 50px/15px;//自己看效果,和下边一对比很明显 background: #8AC007; padding: 20px; ...原创 2018-03-22 15:08:22 · 1892 阅读 · 0 评论 -
CSS强制英文、中文换行与不换行 强制英文换行
word-break:break-all;只对英文起作用,以字母作为换行依据word-wrap:break-word; 只对英文起作用,以单词作为换行依据white-space:pre-wrap; 只对中文起作用,强制换行white-space:nowrap; 强制不换行,都起作用white-space:nowrap; overflow:hidden; text-overflow:el...原创 2018-09-19 16:22:00 · 4342 阅读 · 0 评论 -
element-ui messagebox 自动关闭
最近做项目的时候发现element-ui 的messageBox 没有自动关闭的api,于是自己写了个,直接上代码window.alert = (txt,timer) =&amp;gt; { if(!txt){ txt = '哈哈哈哈哈哈哈' } let str = `&amp;lt;p&amp;gt;${txt}&amp;lt...原创 2018-10-26 18:20:55 · 13373 阅读 · 1 评论 -
什么是BFC?看这一篇就够了
BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。在解释什么是BFC之前,我们需要先知道Box、Formatting Context的概念。Box:css布局的基本单位Box 是 CSS 布局...原创 2019-03-23 16:22:59 · 274239 阅读 · 91 评论