11 2018 档案

摘要:用padding-top百分比可以实现宽度固定高度按比例展示,现在的需求是对一个video视频的盒子div高度是固定的,宽度如何按比例展示? 解决后效果如图: 红框标注的即是我在上面高度比例固定的范围内宽度自适应的效果; css代码: html: 由于视频是有宽高比的,这里给视频的高度直接是外面盒子 阅读全文
posted @ 2018-11-27 20:38 蓓蕾心晴 阅读(7015) 评论(0) 推荐(0) 编辑
摘要:我现在的需求是这样的,我目前实现了一个div框,显示文字,超出两行显示...,如果单行要保证垂直居中,我如果给容器使用display:flex;align-items:center;则当文字内容过多的时候会不上下文字有截断; 现在效果如下: 解决方法: display:flex;垂直居中的是里面元素 阅读全文
posted @ 2018-11-27 20:23 蓓蕾心晴 阅读(1309) 评论(0) 推荐(0) 编辑
摘要:效果如图,通过定位放两张背景图,外层的放灰色的5颗星图,内层的也是,宽度根据不同级别来展示,从而实现, star_1 ,代表半颗星,star_2 代表1颗星,以此类推,即默认比如2.5颗星乘2就是class的后缀数字,以此可以动态展示 要注意这个星星默认为16px*16px,间距5px,展示的星星宽 阅读全文
posted @ 2018-11-08 17:12 蓓蕾心晴 阅读(505) 评论(0) 推荐(0) 编辑
摘要:实现效果,如上图。 首先,实现手机页面在PC端预览, 则先在网上找到一个手机的背景图片,算好大概内间距,用来放预览的页面,我这里是给手机预览页面的尺寸按iphone5的尺寸来的; 一个手机页面在这里预览,要通过<iframe>标签,左边选择不同的select选项,通过监听select选项的值,在js 阅读全文
posted @ 2018-11-01 20:39 蓓蕾心晴 阅读(2516) 评论(3) 推荐(0) 编辑

点击右上角即可分享
微信分享提示