📌 📄 内容摘要:
思無邪 (@Clarke.L) 在 border-image-slice 的实际应用分享 中发帖
背景
源于昨天跟佬友讨论的一个需求。
前端开发中，我们可能会遇到一些背景相关的需求，例如使用一张类似奖状的背景图，但是要求奖状中间部分适配文本内容高度而需要无限拉伸，类似下图：
[效果图]
[素材图]
素材图
初步设想
拿到这个需求，想到的就是安卓的点九图（不知道现在还用不用 :tieba_087:），想到的解决办法就2个：
UI切图分为上、中、下 三个，中间部分自动拉伸
不切图，利用 clip-path 来达到相同的三部分效果
还有一个例外的想法，老切图仔知道的 滑动门 方案，但是谁还用传统方案啊 :tieba_087:
还有就是使用第三方库 smart-scale 来达成，但这么点个东西去加载一个三方库，emmm…
以上方案虽然可以达到效果，但是得将整体分为三块，敲代码有点麻烦，也不优雅，于是我又想起来了一个 “新” 的方案，使用 border-image 来...
────────── 链接信息 ──────────
🔗 论坛链接: linux.do
📎 访问地址: https://linux.do/t/topic/236043/1
─────────────────────────────
📢 来源：LINUX DO
