Q Q RSS订阅
捐助名单 收藏本站

Tag "css" 相关话题

HTML笔记

行内元素、块级元素和行内块级元素的区别和联系

2

Deshun 发布于 11个月前 (03-17) 568℃ 评论(0) 赞 (0)

行内元素、块级元素和行内块级元素的区别和联系

HTML，也叫“超文本标记语言”，其元素无非就是行内元素、块级元素和行内块级元素。行内元素：行内元素只占据它对应边框所包含的空间，行内元素的 width 、 height 、 line-height 等设定长、宽和行高的属性都不起作用。但是 padding 内边距可以起作用， m...

标签：  /   /   /   /   /   /   / 

经验总结

Vue中使用v-html内容图片过大的解决方法

Deshun 发布于 2年前 (2020-07-01) 2521℃ 评论(0) 赞 (0)

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

标签：  /   /   /   /   / 

经验总结

CSS border dashed属性虚线间隔不可控的解决方法

Deshun 发布于 2年前 (2019-11-13) 7039℃ 评论(0) 赞 (2)

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

标签：  /   /   /   /   / 

HTML笔记

利用jQuery not()方法选取除某个元素外的所有元素

Deshun 发布于 2年前 (2019-10-24) 1327℃ 评论(0) 赞 (0)

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

标签：  /   /   /   /   / 

HTML笔记

控制台报错Uncaught SyntaxError: Unexpected token踩坑实录

2

Deshun 发布于 2年前 (2019-10-17) 16698℃ 评论(0) 赞 (5)

控制台报错Uncaught SyntaxError: Unexpected token踩坑实录

作为一个工作两年的前端小菜鸟，今天被一个后端的同事问到。他说他的控制台报错：Uncaught SyntaxError: Unexpected token '.' ，像下面这样。嗯，在他确定代码没有语法错误之后，我决定来翻译一下：一头雾水。检查 .css...

标签：  /   /   /   /   /   / 

HTML笔记

CSS3伪类和伪元素的特性及两者的区别

2

Deshun 发布于 3年前 (2019-08-06) 1131℃ 评论(0) 赞 (0)

CSS3伪类和伪元素的特性及两者的区别

前端工作者肯定或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对...

标签：  /   /   /   / 

HTML笔记

老版本IE下内容为空时td不显示边框的解决办法

Deshun 发布于 3年前 (2019-05-08) 1486℃ 评论(1) 赞 (0)

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

标签：  /   /   /