html、css进阶之旅
苏沐离
前端小菜鸟一枚
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
修改element UI的select下拉框组件右边的小箭头(使用自定义图片)
i.el-select__caret { /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px; /*自定义图片*/ background: url(".原创 2020-11-16 10:20:57 · 13686 阅读 · 1 评论 -
让图片(img)的最长边撑满父元素同时让图片居中、不变形
这里先说一个名词:元素的宽高比例,即用元素的宽除以元素的高(width / height)得到的数值就是元素的宽高比例。要让图片的最长边撑满父元素,同时让图片不变形并且居中显示出来是分三种情况的。第一种情况:图片的宽高比例和父元素的宽高比例相等,图片尺寸就是父元素的尺寸,这一种情况可能不常见。第二种情况:图片的宽高比例小于父元素的宽高比例时,这个时候图片的高能完全展示出来,图片的宽则会等比...原创 2020-05-08 14:36:10 · 5836 阅读 · 0 评论
分享