Skip navigation

HTML & CSS

flex布局:实现子元素高度撑满父元素高度

本文介绍在flex弹性布局中实现子元素高度撑满父元素高度。在你的项目中使用flex布局时,可能会遇到子元素高度不能撑满父元素的高度,子元素高度只占父元素高度的一部分。 flex布局中实现子元素高度撑满父元素高度的步骤: 定义基本的HTML 介绍flex布局中的对齐 实现flex子元素高度撑满父元素的注意事项 提供flex布局中使用的CSS,使你自己可以测试 fl...

网站中使用本地文件加载 Font Awesome 5 字体图标

Font Awesome 5 字体分为 Free 和 Pro 两个版本。Font Awesome 5 Free 字体是免费版,可以自由使用;Font Awesome 5 Pro 字体是收费版,需要付费才能使用。 Font Awesome 5 与以前的 Font Awesome 4 使用方法不同,Font Awesome 5 的字体分为 far, fas, fab,而没有以前的 fa 字体。...

网站解决 Font Awesome 5使用本地 CSS 时字体图标乱码

网站页面中使用 Font Awesome 5 本地 CSS 文件来显示一些需要的图标,但是 Font Awesome 5 字体图标显示乱码。 此时可能有两种情况导致 Font Awesome 5 字体图标乱码: 缺少字体文件,Font Awesome 5 字体图标乱码 加载的CSS文件不全,Font Awesome 5 字体图标乱码 缺少字体文件时 从 CDN 站点...

网站解决 Font Awesome 5使用 CDN 时字体图标乱码

网站页面中使用 CDN 加载 Font Awesome 5 来显示一些需要的图标,但是 Font Awesome 5 字体图标显示乱码。 Font Awesome 5 图标乱码原因 此种情况下 Font Awesome 5 字体图标显示乱码只有一种原因:加载的 Font Awesome 5 CSS 文件不全。 在你的页面中你可能只加载了 fontawesome.min.css 文件...

Markdown 代码中进行缩进和换行

Markdown 缩进 Markdown 不支持使用 tab 和空格缩进,想要缩进使用 tab 和空格缩进几乎是所有的 Markdown 处理器都不支持的。 Markdown 缩进的两种方法: 使用自定义缩进配置的 Markdown 编辑器 Markdown 缩进使用转义字符 使用 Markdown 编辑器缩进 在支持 Markdown 缩进的 ...