CSS
subwaysamurai
这个作者很懒,什么都没留下…
展开
-
百度地图js文字标签与bootstrap.css冲突坑
百度地图文字标签 BMap.Label 类实例化后添加到地图中的元素会因为bootstrap.css中的样式而显示异常可以看到,行内元素label的宽度为0,并没有被元素里的文字结点的宽度撑开,导致元素的文字溢出,背景颜色只在左右padding的2px空间内看到。造成这个的原因是bootstrap.css的label样式问题,max-width属性只要在 label 元素的样式中设置 max-width 为unset即可解决。这种情况出现的原因还没搞明白,我对max-原创 2020-10-15 10:37:27 · 340 阅读 · 0 评论 -
bootstrap-datetimepicker时间选择插件picker view dropdown menu显示位置异常
事情是这样的,由于最近在做大屏展示的项目,然后刚好需求是显示分辨率为5760x1080,所以在项目一开始的时候做了这么一个设置,方便在普通显示器上调试。<body> <div class="container"> ... </div><body>html,body { margin: 0; padding: 0; height: 100%;}.container { margin: 0;原创 2020-09-05 16:08:05 · 385 阅读 · 0 评论 -
使背景图片上的亮色文字更明显
做法是在背景图片所在的img元素上设置css属性fitler: brightness(大于0小于1),增加滤镜降低亮度原创 2020-08-11 10:49:05 · 412 阅读 · 0 评论 -
img、video标签显示
用object-fit和object-position来进行内容显示区域调整原创 2020-03-14 09:53:17 · 1074 阅读 · 0 评论 -
CSS3 流动边框(仿王者荣耀等待效果)的三种实现方式
1、3好像比较靠谱转载 2019-11-15 10:43:37 · 582 阅读 · 0 评论 -
浅析CSS——元素重叠及position定位的z-index顺序
多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题却不大了解其原因,导致重复出错......于是决定把重叠问题弄清下,把z-index理顺下。经过一番查找对比实践理解,下面就从元素重叠的背景常识及可能原因说起,浅谈下position定位...转载 2019-10-21 14:09:51 · 301 阅读 · 0 评论 -
CSS强制英文、中文换行与不换行
CSS强制英文、中文换行与不换行转载自https://www.cnblogs.com/mainet/archive/2012/04/10/2440123.html.p1{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/.p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以...转载 2019-10-15 16:14:00 · 264 阅读 · 0 评论 -
设置元素水平居中
两种方法:1、元素是block,并设置width,margin:'0px auto',该元素不能再设置position(例如float),否则margin不会生效<div style={{width:'1000px',margin:'0px auto'}}> <button> <button> ....</div>...原创 2019-08-14 15:18:14 · 132 阅读 · 0 评论