w3h5

Deshun 发布于 1个月前 (07-01)   阅读(197)   评论(0)   赞 (0)   标签 : vue / v-html / css / scoped / css穿透 / scoped穿透

在同事的项目中遇到一个问题，使用 Vue 的 v-html 后，内容里边的图片太大，显示不全。但是设置 style 又不管用：.img {   max-width: 100%;   height: auto; }实际上还是 Vue 的 scoped 穿透问题：参考我之前的文章（Vue项目中scoped属性的作用，及scop...

Deshun 发布于 9个月前 (11-13)   阅读(2747)   评论(0)   赞 (0)   标签 : css / 小技巧 / 代码 / css虚线 / css个性化虚线 / css虚线样式

CSS 的 border 属性，可以设置实线，虚线还有点线。不过直接使用 border: 1px dashed #F00 虚线距离太小，非常难看，很难满足UI图的效果。可以使用 background 背景的渐变属性，来替代 border 方案，方法如下：width: 100%; height: 1px; background-image: linear-gradi...

Deshun 发布于 10个月前 (10-24)   阅读(641)   评论(0)   赞 (0)   标签 : jQuery / css / 选择器 / not() / jquery选择器 / jquery选择排除

日常的工作中可能会用到，选取处某个或者某些元素外的所有元素。这时我们可以使用 jQuery 遍历中的 not() 方法来排除某些元素，例如根据元素的 #id ，.class 等排除，代码如下：$("div.content *").not(".keep");表示 .content 类的 div 下除 .keep 类以外的所有元素；另外，注意这里的&n...

Deshun 发布于 10个月前 (10-14)   阅读(494)   评论(0)   赞 (2)   标签 : css / 小技巧 / 代码

分享12个CSS小技巧，让你的代码简洁高效。使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框/* add border */ .nav li {   border-right: 1px solid #666; }……然后再除去最后一个元素……/* remove&...

Deshun 发布于 1年前 (2019-05-08)   阅读(722)   评论(1)   赞 (0)   标签 : html / css / table / td不显示边框

在做一些银行或者理财的项目时，有的需要兼容IE浏览器叫老版本，比如IE678，简直是前端开发人员的噩梦。在较低版本的IE浏览器中，td 内容为空时，就不会显示边框，可以通过下面两种方法解决：通过CSS在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ，代码如下：<style>...