横向 文字css
android短视频开发，scroll-view的横向滚动
android短视频开发，scroll-view的横向滚动 css .scrollCon{white-space: nowrap;display: flex;align-items: center;}.monthItem{display: inline-block;width: calc(100% ......
直播app开发，CSS3动画实现左右无缝滚动图
直播app开发，CSS3动画实现左右无缝滚动图 <view class="shortList_con"><view class="scrollCon" :style="'width:' + (shortRouteList.length)*210 + 'rpx'"><view class="short ......
纯css实现边框环绕的效果
最近做项目遇到一个需求，需要给卡片添加一个边框环绕的效果，当鼠标移入卡片时，出现边框。 这里我主要是使用:before 和 :after来辅助实现这个功能。 在很多时候，我们可以巧用:before 或者 :after 来实现一些看起来较为复杂的效果。 我们先看看效果： 代码如下，希望大家能受到些许的 ......
Echarts X轴过长自动滚动 + X轴文字自适应换行
1.要实现自动滚动option中必须要包含一下内容 dataZoom: [{ xAxisIndex: 0, // 这里是从X轴的0刻度开始 show: false, // 是否显示滑动条，不影响使用 type: "slider", // 这个 dataZoom 组件是 slider 型 dataZo ......
How to fix Tailwind CSS colors not work in Next.js All In One
How to fix Tailwind CSS colors not work in Next.js All In One
Tailwind CSS & Next.js 13
......
熟练掌握并充分利用CSS3的新特性，持续更新中。。。
1.1 尝试新颖的CSS3特性 首先，我们来看一个具体的案例。 https://code.juejin.cn/pen/7277536985772720139 1.2 CSS3新特性简介和浏览器支持情况 1、新特性简介： 1）强大的CSS3选择器 2）抛弃图片的视觉效果 3）盒模型变化(多列布局和弹性 ......
Css开发：解决在less中动画效果失效的问题
一、问题如下 在vue的style样式中使用了less，而在less中直接使用普通的动画效果时效果会失效，无法对样式呈现出应有的效果。 这个是在less编译为css时，添加的动画效果和其他的附加样式一同被进行了编译操作，导致原本定义的动画名称无法被查到，所以不生效。 要解决这个问题，就得绕过动画名称 ......
界面控件DevExpress WinForms HTML-CSS模板：预设计UI模板加速.NET应用开发
在过去的一年里，DevExpress官方引入了两个强大的功能来加速/简化.NET桌面应用的开发，当一起使用时，您可以创建优雅/个性化的用户界面，减少重复的代码，从而节省更多的项目时间。 DevExpress WinForms有180+组件和UI库，能为Windows Forms平台创建具有影响力的业 ......
PostCSS received undefined instead of CSS string
问题 npm run serve启动项目后，报错Syntax Error: Error: PostCSS received undefined instead of CSS string 解决 node-sass 版本兼容问题导致,按照应用使用的node-sass版本 切换（可使用nvm）到对应的n ......
CSS中的变量
前言 在 CSS 中，有很多需要反复使用的属性值，如果每个使用的地方都直接写死这个值，而没有使用变量去定义这个值的话，后期修改起来会很麻烦。有很多人忽略了在 CSS 中也可以定义变量这个事情，相信你会爱上它 ！ CSS 使用变量有很多好处: 可以减少样式代码的重复性，增加样式代码的扩展性和灵活性 声 ......
动态修改el-input样式，css变量形式外层修改input样式
背景：正常我们在修改样式的时候，直接在样式表里写死，但是如果我们想要动态的修改样式，例如el-input字体颜色时，我们需要修改的实际是.el-input__inner这个样式的color，既然是动态，我们就不能在样式表里写死了，而是使用CSS变量修改。 一、CSS变量是什么？ 1.css变量 注意 ......
全栈工程师必须要掌握的前端CSS技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
利用WordCloud和jieba生成词云图（也叫文字云）
Python生成词云的常用库「wordcloud」。安装： pip install wordcloud wordcloud默认是为了英文文本来做词云的，如果需要制作中文文本词云，就需要先对中文进行分词。这里就需要用到中文分词库「jieba」。安装：pip install jieba # 功能：生成词 ......
CSS之实现视频背景
1.新增<video> <video class="video-background" autoplay muted loop> <source src="../../assets/starry-sky.mp4" type="video/mp4" /> Your browser does not s ......
CSS
CSS (Cascading Style Sheets，层叠样式表） 是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css 选择器通常是您需要改变样式的 HTML 元素 每条声明由一个属性和一个值组成 CSS声明总是以 ......
element ui <el-form-item>文字太长换行怎么办？
element ui表单进行布局时，有的<el-form-item>文字比其他的项要长很多，默认element ui会自动换行。 有时候我们不想换行应该怎么办呢？ 首先<el-form>标签有属性label-width，可以统一设置内部<el-form-item>标签的文字长度。 同时<el-for ......
直播平台软件开发，flex布局，不设置宽度，实现文字超出部分隐藏
直播平台软件开发，flex布局，不设置宽度，实现文字超出部分隐藏 .flex-box { display: flex;} .flex-item-space { flex: 1; min-width: 0; //重点样式 white-space: nowrap; //重点样式} .title { ov ......
css中文字太多显示方法
第一种方法：“溢出省略号”，即当文字超出一定宽度时，将其省略，并显示“...”。p { overflow: hidden; /* 将超出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ white-space: nowrap; /* 禁止换行 */ } 第二种 ......
css基础
CSS引用 如何在html中使用css?有三种方式 外链式 通过在head标签里 使用link引入写好的css文件(推荐使用) 内嵌式 head标签里style标签 ,在style里通过 行内式 写在标签的开始位置通过style属性设置样式(不推荐使用) 选择器 选择器分为三大类: 基本选择器 复合 ......
css3属性之 text-overflow:ellipsis
语法： text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法： text-overflow: ......
直播软件搭建，css隐藏滚动条，但使超出部分任然可以滚动
直播软件搭建，css隐藏滚动条，但使超出部分任然可以滚动 /*长tabs，隐藏滚动条，保留滚动功能*/.weChat-tabs{ height: 40px; display: flex; overflow-x: scroll; padding: 0 20px; white-space: nowrap ......
现代 CSS 解决方案：原生嵌套（Nesting）
很早之前，就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？，彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段，而今天（2023-09-02），CSS 原生嵌套 Nesting 终于成为了既定的规范！ CSS 原生 ......
css防止图片挤压变形 object-fit: cover
img{ width:200px; height:100px; object-fit: cover; } 该属性会对图片保留原始比列，多余的会被裁剪。 添加该属性会适应指定容器的高度与宽度。 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等 语 ......
文字组件表格中的文字纵向居中问题
问题：文字组件中插入的表格，其中文本内容纵向如何设置居中 解决：选取表格》表格工具》对齐方向》垂直居中 如果设置了垂直居中后文字仍是靠下，就需要考虑是否存在空段落， 以下设置可以显示编辑标记： 开始》段落》显示/隐藏段落标记 如果确实是空段落造成的，可以使用替换解决： 选取表格》查找^p》全部替换， ......
小知识分享：控制层尽量别暴露这样的接口，避免横向越权。
前言 谈不上是多么厉害的知识，但可能确实有人不清楚或没见过。 我还是分享一下，就当一个小知识点。 如果知道的，就随便逛逛，不知道的，Get到了记得顺手点个赞哈。 正文 1、接口别随便暴露 当一个项目的维护周期拉长的时候，不断有新增的需求，如果经手的人也越来越多，接口是会肉眼可见增多的。 此时，如果一 ......
css-定位
相对定位 top -20px ——first上移20px 绝对定位： 相对于浏览器： 相对于父级元素（给父级元素一个position） 固定定位：彻底定死，区别绝对定位 相当于加了z轴，好多图册 ......
css-盒子模型
盒子模型 1.是什么 2.边框 边框的粗细 边框的样式 边框的颜色 因为容易很丑~-~ 这里用结构伪类选择器: ——本意为找div父类的子类中第一个为input的，但是有错，实际上是div的后代选择器 如果去掉input , 只会框第一个div, 找div父类的子类中第一个孩子 3.外边距 两个参数 ......
走进CSS—I
[点击链接走进前端学习：https://blog.csdn.net/qq_53810245/article/details/116831968](https://blog.csdn.net/qq_53810245/article/details/116831968) @[TOC](CSS学习笔记) ......