css
文章平均质量分 74
爱倒腾
学无止境
展开
-
关于CSS3 box-sizing属性的详细案例讲解
关于 CSS3的box-sizing 属性还可以参考W3schoolbox-sizing属性的语法和其他css属性一样,该属性有三个可取的值,具体语法:box-sizing: content-box|border-box|inherit;以下案例都是基于固定宽高的容器为例。content-box(默认)box-sizing 属性的默认值就是 content-box。实例: <ul class="box"> <li class="box-item content-bo原创 2021-03-21 16:52:11 · 322 阅读 · 0 评论 -
文字溢出处理之---------单行字体溢出显示省略号,多行字体溢出显示省略号
场景:在实际的项目开发个过程中,有时候文本内容不能全部显示出来,会影响到页面的排版布局,这时就需要我们对文字做一个溢出处理。效果如下:代码如下:/* 单行文字溢出显示省略号 */.ellipsis_one{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/* 两行...原创 2020-01-16 18:07:45 · 365 阅读 · 0 评论 -
解决在iOS中audio不能正常播放音频问题-1
场景想要在微信浏览器里面实现”当用户点击某个元素,播放指定音频“问题在部分iOS手机上,音频不能正常播放。测试发现iOS 12版本以及以下的版本可能会有播放问题。解决办法:function baseMp3PlayIOS(id) { let audio = document.getElementById(id), my_play = function(){ ...原创 2019-12-17 16:54:04 · 4432 阅读 · 0 评论 -
使用audio标签的播放音频
使用audio标签播放音频<audio id="audioBoom" class="audio-hide" src="/style/music/boom.mp3"></audio>标签的几个属性讲解属性名使用说明autoplay自动播放;添加这个属性就可以让音频在加载就绪之后马上播放controls显示播放等按钮;添加这个属性就会给用...原创 2019-12-17 16:35:43 · 1064 阅读 · 0 评论 -
怎么使用CSS正确的给table标签添加边框
实现效果html部分<table class="table_1"> <thead> <tr> <th>标题1</th> <th>标题2</th> </tr> </thead> <...原创 2019-12-17 15:35:51 · 763 阅读 · 0 评论 -
vue标签上自定义动态背景图片
在vue标签上自定义背景图片之前一直不能成功从父组件动态传递图片信息到子组件,最后发现的导入图片错误。静态资源需要是用require,网络图片就不需要使用requirehtml <div :style="{backgroundImage: 'url(' + (bacImage) + ')'}" class="content_top"></div> <...原创 2019-11-28 15:07:05 · 1547 阅读 · 0 评论 -
向上循环滚动的动画,纯CSS实现一张背景图片的无缝衔接自动循环向上滚动
纯CSS实现一张背景图片的无缝自动向上滚动首先了解一下 CSS3 @keyframes 规则htmlcss引入首先了解一下 CSS3 @keyframes 规则不了解 css3 动画的请点击下方参考文档: @keyframes.animation .使用background-position 背景图片定位实现。html <div class="bag"> ...原创 2019-05-06 10:08:12 · 8456 阅读 · 2 评论