css样式
木木゛
木
展开
-
一分钟看懂font-size单位em的继承问题
直接上代码吧然后结果图:其实就是设置了em单位的元素会继承自己父元素的大小,并不是继承了根元素或者body元素的。原创 2020-01-15 15:01:30 · 871 阅读 · 0 评论 -
不确定宽高的图片在盒子中自动上下左右居中
不确定长宽的图片,要在盒子中水平垂直居中,当图片是宽比高大的时候上下居中,高比宽大的时候左右居中第一步: 给图片父盒子宽高进行占位,例如: .imgBox { width: 233px; height: 233px; text-align: center; overflow: ...原创 2019-08-09 10:45:23 · 997 阅读 · 0 评论 -
兼容ie的文字超出显示省略号
兼容ie的文字超出显示省略号单行文本的溢出显示省略号: (需要加宽度width兼容部分浏览器)overflow: hidden; // 超出隐藏text-overflow:ellipsis; // 显示省略符号来代表被修剪的文本。white-space: nowrap; // 强制文字一行显示属性:text-overflow:ellipsis;text-overflow...原创 2019-08-21 16:55:39 · 6656 阅读 · 1 评论 -
关于轮播图内嵌video设置宽高不生效的问题
在一个PC的展示网站轮播banner内嵌视频的时候遇到了这个问题,问题描述:在css设置video宽高100%的情况下视频没有全屏显示然后经过查询资料就发现了一个属性 object-fit: fill;先放上修改后的效果图可以看到视频是已经完全填充了浏览器的接下来就来细扒一下这个属性,首先来了解一下可替换元素: 展现效果不是由 CSS 来控制的元素。这些元素是一种外部对象,它们...原创 2019-08-17 09:42:59 · 2271 阅读 · 0 评论