HTML CSS
Poetry Code
如果你正在学习前端,记得关注我噢~
展开
-
【记录】vue项目中@import 后面的波浪号~ 代表什么意思
在使用vue-element-admin框架的时候,发现原来导入样式也可以这也写!写法挺高级的,就此记录下~由于是在webstorm中编写的项目,编辑器好像不识别这种写法,所以一直报错。这种写法其实是webpack中的一个配置。这里用~符号,表示后面的值为 alias, 然后就会去vue.config.js的 alias 配置中找相应的值。然后拼接成最后的地址:'src/styles/...原创 2020-03-30 22:43:56 · 2582 阅读 · 0 评论 -
vertical-align 图片底侧空白缝隙的问题
一、概述vertical-align 不影响块级元素中的内容对齐,它只针对于 行内元素或者行内块元素,特别是行内块元素, 通常用来控制图片/表单与文字的对齐。所以我们知道,我们可以通过vertical-align 控制图片和文字的垂直关系了。 然而默认的图片会和文字基线对齐这样会造成一个问题,就是图片底侧会有一个空白缝隙。代码如下所示:<head> <meta cha...原创 2019-07-10 20:41:05 · 7250 阅读 · 1 评论 -
CSS 外边距合并问题
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。当一个元素出现在另一个元素...转载 2019-07-18 16:15:03 · 260 阅读 · 0 评论 -
border:none;以及border:0;的区别!
无边框用border:none还是border:0一直都是一个热议的问题,两者除了在渲染性能上面的差别以外,在标准浏览器中页面表现是没有任何差别的。border:none表示边框样式无border:0表示边框宽度为0当然将对象的的边框设置border:0和border:none的效果都是是一样的,都可以将边框取消掉。border:0可以将边框的宽度设置为零,尽管视觉上看不到了,但是浏览器还...原创 2019-07-18 23:42:43 · 687 阅读 · 0 评论 -
去除inline-block元素间间距的方法
目录:一、现象描述二、解决方法方法1:各元素间不留任何空格方法2:使用margin负值方法3:在父元素上设置font-size:0方法4:使用letter-spacing或者word-spacing一、现象描述inline-block是一个块状行盒,表现为一个行内元素,它既拥有了块状元素可以设置width和height的特性,又保留了行内元素不换行的特点。 而当我们去使用它时候会发现各元素之间...原创 2019-09-02 07:25:10 · 11761 阅读 · 0 评论