前端开发2025年08月16日
antd的table组件怎样合理控制每列宽度？ table固定列的宽度,超出部分用…代替(针对普通table和antd) antDesign使用a-table时，设置某列的单元格内容不换行 CSS实现单行、多行文本溢出显示省略号（…） ...
前端开发2025年08月15日
全局CSS设置 1、清除所有的标记的内外边距 body,ul,li,a,img,p,input{ margin:0; padding:0; } 2、去除项目符号或编号前面的符号 ul,ol,li{ list-style:none; } 3、全局链接效果 a:link , a:visited{color:#444;text-decoration:none;}...
前端开发2025年08月15日
1. 文字属性 「字体族科」（font-family），设按时，需推敲浏览器中有无该字体。 「字体大小」（font-size），重视怀抱单位。《绝对大小》|《相对大小》|《长度》|《百分比》（一般设置双数） 「字体加粗」（font-weight），除了 normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为...
前端开发2025年08月15日
1、CSS3选择器 2、CSS3边框(Borders) 3、CSS3背景 4、CSS3渐变 5、CSS3文本效果 6、CSS3字体 7、CSS3转换和变形 1）2D转换方法 2）3D转换属性 8、CSS3过度 9、CSS3动画 10、CSS3多列 11、CSS3盒模型 12、CSS3伸缩布局盒模型(弹性盒子) 13、CSS3多媒体查询 ...
前端开发2025年08月15日
原文地址：https://www.cnblogs.com/cme-kai/p/6192544.html 一、固定宽高 1、父元素固定宽高+定位 + margin:auto（缺点：不支持IE7及以下的浏览器） html代码： <div> <img src="https://ss2.bdstatic.com/...
前端开发2025年08月14日
现在大部分企业对浏览器兼容要求是IE7+或者IE8+，要求IE6的很少，此处一并写出。 IE6： _margin-top: 20px; IE6+IE7： *margin-top: 20px; +margin-top: 20px; IE6+： margin-top: 20px\9; IE8+： margin-top: 20px\0; IE9: /*:root...
前端开发2025年08月14日
.list ul li:nth-child(even){ ...} //li的偶数行样式 .list ul li:nth-child(odd){ ...} //li的奇数行样式 .list ul li:nth-child(1){ top:0;} //第一个li.list ul li:nth-child(2){ top:30px;} //第二个li 部分情况...
前端开发2025年08月14日
如果想让某个容器（div或者li或者...块级元素）显示一行文字，当文字内容过多时，不换行，而是出现...,可以使用text-overflow:clip|ellipsis 基本语法：text-overflow : clip | ellipsis 若为text-overflow:clip 取默认值，不显示省略标记(...)，而是简单的裁切 若为text-ov...
前端开发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...