本文主要是结合自己在学习中使用css来实现图片的宽高自适应，并给出相应的结局方案。 场景 给定一系列图片，图片宽高不等，每行所展示的图片数量不等，如何实现图片的自适应。 实现方法 聪明的你肯定会想到使用flex布局，并且设置flex-wrap: wrap。但如何做到自适应宽度呢： 我们假设图片原始宽度、高度分别为width、heigh

在公司构建用户个人站点的过程中使用使用到了模版template，在此总结一下 一、为什么要使用静态页面 页面应用对于在站点SEO方面存在局限性，而用户又希望可以通过SEO来增加网站的权重，所以使用了静态页面 二、解析过程 用到的函数 golang func (t *Template) New(name string) *Template

在终端里输入如下命令 shell sudo killall -STOP -c usbd 以上本人亲测有效，如有其他解决方案，欢迎交流

写loading时有时需要在后面连续的出现一个点、两个点、三个点，实现方式有很多种，js、css皆有，今天分享看到的一种css实现方式。效果如下  代码如下： css .btn {

css实现文子颜色动态变化 先看一下实际效果 <iframe height="300" style="width: 100%;" scrolling="no" title="Reveal you Star with cool hover effect" src="https:vwood.xyz/tiny-code/embed/30381db9-4b15-4c0a-a98c-1

使用 hyphens 进行单词换行 一般换行使用 word-break + break-all：单词会被强行断开，不方便阅读 + break-word： 当空间不够时，单词会自动换行到下一行 通常的英文排版都会合理应用所有空间，可以给没写完的那个单词使用“-”连接起来，hyphens可以实现这种效果。hyphens可选值: + none: 单词不

判断文件是否存在 func DirExist(path string) (bool, error) { _, err := os.Stat(path) if err == nil { return true, nil } 判断报错是否是因为文件不存在引起的 if os.IsNotExist(err) { return false, nil } return

有时我们希望在页面滚动时放开鼠标后自动回到原始位置，就是常说的吸附效果；如下：  上面的演示中页面自动回到了起始位置。 1. 先看一个普通的页面滚动效果: <iframe height="300" style=

最近在做一个主页时需要用国际化，用HTML+JS，还有jQuery, 于是就选择了jquery.i18n.properties.js。本文介绍的示例还依赖jquery、jquery.json。 介绍 jquery.i18n.properties是一款轻量级的国际化插件，采用.properties文件来对javascript文件进行国际化，即根据用户指定的语言和国家编码来解析对应的

使用columns实现单行多列布局是非常方便的，代码如下. css代码： css .container { columns: 3; gap: 10px; } .container div { background-color: red; } html代码： html <div class="container"> <div>