随笔分类 - CSS
摘要：box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 属性值 content-box默认值，标准盒子模型。 width 与 height 只包括内容的宽和高， 不包括边框（border），内边距（padding），外边距（margin）。注意: 内边距、边框和外边距都在这个盒子的外
阅读全文
摘要：如图： <div class="statisticDataList"> <div v-for="(item, index) in statisticData" :key="index" class="list-item" :style="{ background: colorList[index]
阅读全文
摘要：需求如下： 给选中的item添加一个select样式，并且生成一个下三角形 一、三角形的实现原理 宽度width为0；height为0；根据三角形的朝向设置上下左右的border，只能设置其中的三个边框，不用给朝向的那一边设置border。 （1）有一条横竖边（上下左右）的设置为border-方向：
阅读全文
摘要：在做项目的时候经常遇到这样一个问题， 就是一张图片宽度100% 在缩放屏幕的时候图片会被压缩变形！！！如下： 在大屏幕上： 在小屏幕上： 小屏幕上压缩变形，很丑陋，给人一种很不专业的感觉的。 解决办法： 为了避免变形，我们可以使用css中object-fit属性 html: <div class="
阅读全文
摘要：<div class="funbtnitem"> <img src="../../assets/img/shenhe.png" alt=""> <span>修改</span> </div> 一、通过vertical-align:middle实现现图片与文字水平对齐，需要区分html是行内元素，还是块
阅读全文
摘要：产生原因 在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。 在 W3C 文档中说 touchmove 事件的速度是可以实现定义的，取决于硬件性能和其他实现细节 preventDefault
阅读全文
摘要：https://segmentfault.com/a/1190000015736900 https://blog.csdn.net/yexudengzhidao/article/details/98480173 本文介绍了解决移动端1px边框问题的5种方法。当然了，在这之前先整理了与这些方法相关的知
阅读全文
摘要：text-indent 属性首行文本缩进，有点像padding-left的效果.
阅读全文
摘要：文本溢出省略号显示，要实现这个必须 要有四个条件： 1.须有容器宽度：width：value 2.强制文本在一行内显示：white-space：nowrap； 3.溢出内容隐藏：overflow：hidden； 4.溢出文本显示“...”：text-overflow：ellipsis；
阅读全文
