随笔分类 - CSS
CSS相关学习和使用记录。
摘要：当在页面中插入图片时，img 默认底部有空白效果。 产生的原因： 由于图片的 display 属性默认是 inline ，vertical-align 属性的默认值是 baseline (以基线对齐)，所以图片底部出现留白区域。 常用解决方法： 将 img 变为块级元素 img { display:
阅读全文
摘要：使用 css 实现 loading 省略号效果，如下所示。 示例代码： <span class="loading">等待中</span> <style> .loading { color: red; } .loading:after { overflow: hidden; display: inli
阅读全文
摘要：本文记录实现文本溢出显示省略号的几种方式。 单行文本 三行CSS代码实现： overflow: hidden; // 文本溢出隐藏 text-overflow: ellipsis; // 显示省略号 white-space: nowrap; // 设置文本不换行 注意： 设置文本溢出显示省略号时必须
阅读全文
