前端开发2025年08月14日
一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，不换行。 解决方法（以IE，chrome,FF为测试浏览器...
前端开发2025年08月14日
只显示一行文字，便溢出隐藏 text-overflow: ellipsis; white-place: nowrap; overflow: hidden; 显示 n 行文字后便溢出隐藏 display: -webkit-box; -webkit-line-clamp: n; -webkit-box-orient: vertical; overflow: h...
前端开发2025年08月13日
样式表，css:层叠式样式表style后缀名：css 1、样式表分类 （1）内联样式【优先级最高】【常用】【代码重复使用性最差】 （当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。） （2）内嵌样式表【优先级第二】【最不常用】【代码重复使用性一般】 （当单个文件需要...
前端开发2025年08月12日
setup中定义变量以及在style中的使用(有单位的需要calc 计算) setup() { const rotate = ref<number>(0); const color: string = "red"; const changeStatus = (): void => { rotat...
前端开发2025年08月12日
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。xp 系统不支持 类似微软雅黑的中文。 方案一： 你可以使用英文来替代。 比如 font-family:"Microsoft Yahei"。 方案二： 在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些...
前端开发2025年08月12日
波纹特效: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>按钮动画 - 波纹效果</title> <style> .button { position: relative; background-co...
前端开发2025年08月11日
CSS样式分为三种，行内样式、内部样式、外部样式。 一、element.style.stylename 创建、获取、修改 行内样式 console.log(document.getElementById("testcss0").style.backgroundColor);//"" document.getElementById("testcss0").s...
前端开发2025年08月11日
用css3动画 @keyframes里设置transform:rotate(); 控制动画暂停和运动可以用属性:animation-play-state:paused(暂停)|running(运动);但是有个让人吐血的问题,不管我怎么调加什么兼容前缀,在微信和safari里设置paused无效,在QQ里是正常的 当@keyframes里不用transfor...
前端开发2025年08月11日
一直以为对ul li居中对齐已经掌握了。但最近做项目时发现之前li的float:left方法显然有一个问题，就是无法居中（水平），只能使用padding-left或margin-right的方法方法来固定其居中。 但这样可能在宽屏与窄屏的显示不一致。 使用这种方法主要是利用li的浮动固定宽度来实现，li的默认display为block，将其这个属性改为in...
前端开发2025年08月11日
一，什么是.clearfix 你只要到Google或者Baidu随便一搜"css清除浮动"，就会发现很多网站都讲到"盒子清除内部浮动时可以用到.clearfix"。 .clearfix:after { content: " "; display: block; clear: both; heigh...