AI智能
改变未来

全栈知识 第742页

css-解决flex布局导致子元素的宽度无效的问题-爱站程序员基地

css-解决flex布局导致子元素的宽度无效的问题

AI

设置display:flex后,子元素在没有超过指定宽度的时候,子元素的宽度是有效的,但超过指定宽度 的话,子元素的宽度就无效了,可以在子元素中添加一下样式就可以解决了 flex-shrink:0 flex-shrink 属性指定了 fle...

css 水位图波纹特效-爱站程序员基地

css 水位图波纹特效

AI

水波纹动效 直接上代码 通过遮罩和动画实现水位图波纹特效 可以通过输入0-100的数字或者 拖动滑动条调节水位的高低 (通过修改wave-mask的top) <!DOCTYPE html><html lang=\"en\"...

CSS 列表模型之marker标记-爱站程序员基地

CSS 列表模型之marker标记

AI

::marker是一个标记伪元素,能够定义内容填充在list-item上代表列表项的标志,先附上一个例子,就能很清楚地看出它的作用。 zhaodao88.com 找商机 zhaodao88.com 找人脉 zhaodao88.com 找采购...

css-文本超出宽度显示省略号(一行或多行)-爱站程序员基地

css-文本超出宽度显示省略号(一行或多行)

AI

当文本超出盒子的指定宽度的时候,我们希望超出的部分通过省略号显示 单行文本超出时的解决方法 overflew: hidden; /**隐藏超出的内容*/white-space: nowrap; /**规定段落中的文本不进行换行*/text-...

CSS 中的渐变颜色背景-爱站程序员基地

CSS 中的渐变颜色背景

AI

通过渐变可以设置一些复杂的背景颜色,可以实现从一个颜色向其他颜色过渡的效果!!渐变是图片,需要通过background-image来设置线性渐变,颜色沿着一条直线发生变化linear-gradient() inear-gradient(re...

css3 transition动画-爱站程序员基地

css3 transition动画

AI

语法:transition: transition-property transition-durationtransition-timing- function transition-delay,◆transition-property ...

CSS 多列布局篇-爱站程序员基地

CSS 多列布局篇

AI

多列布局 column ​ 1. column-count 最大列数 ​ 2. column-width 最小列宽度 ​ 3. columns 以上两个样式的合写 ​ 4. column-gap 列间距 ​ 5. column-rule 分...

css table thead tr border生效-爱站程序员基地

css table thead tr border生效

AI

要想使border-spacing生效,border-collapse必须是separate;要想使 thead tr 边框能显示,border-collapse必须设为collapse;