随笔分类 - CSS
摘要:1.flex-flow是flex-direction和flex-wrap的简写形式 2.flex是 flex-grow(扩大),flex-shrink(缩小),flex-basis的简写形式 flex-grow与flex-shrink分别是将剩余空间、超出空间进行按比例扩大与缩小。 flex-bas
阅读全文
摘要:1.CSS盒子模型有几种? CSS盒子模型可以分为两种,第一种是W3C标准盒子模型,第二种是IE怪异盒子模型。通常CSS属性的box-sizing属性设置为content-box就是指定盒子模型为W3C标准盒子模型,border-box就是指定盒子为IE盒子模型。 2.W3C标准盒子模型与IE怪异盒
阅读全文
摘要:一、起因 vue实现的聊天demo要有信息滚动的功能。 二、知识储备 clientHeight、offsetHeight、scrollHeight、scrollTop 简单介绍: 网页可见区域高:document.body.clientHeight 网页可见区域高(包括边线的高):document.
阅读全文
摘要:此文探究部分为转载,原文戳我 一、起因 聊天布局发现正常中文可以实现换行,但是英文及阿拉伯数字有问题: 原因: 一般div超过宽度能换行,原因如下:对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行。 对于连续的
阅读全文
摘要:一、起因 使用到了elementUI的组件,但是其鬼样式已经提前写好了,你不能改变它的原始样式,因为它全部组件的CSS都加上了scoped属性,限制了样式的作用范围与可访问范围。所以当我们直接修改elementUI的样式的时候,通常没啥效果。 二、解决:使用deep或者>>> 1.知识储备: 首先v
阅读全文
摘要:.support_content{ width: 99%; height: 15rem; background-color: aqua; margin: 0 auto; display: flex; justify-content: space-between; } .support_item{ f
阅读全文
摘要:0.父元素是绝对定位,子元素可以浮动<style> .Box{ position: absolute; height: 800px; width: 800px; top:20px; right: 10%; border: red 1px solid; } .box1{ width: 100px; h
阅读全文
摘要:1.vertical-align 属性:用于设置一个·元素的垂直对齐方式,但是它只对行内元素或者行内块元素有效。也就是单纯的块元素它没有效果。 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对
阅读全文