# 菜鸟请教CSS问题svg转Base64，高手请进！ **URL:** \ **Category:** 技术交流与词典编修\ **Created:** [2021 年7 月 17 日 07:55 UTC](https://forum.freemdict.com/t/topic/7326 "2021-07-17T07:55:37Z")\ **Posts on this page:** 4\ **Page:** 1
作者： ![lbhl](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/l/bcef8e/32.png) [@lbhl](https://forum.freemdict.com/u/lbhl)\ 发布日期： [2021 年7 月 17 日 07:55 UTC](https://forum.freemdict.com/t/topic/7326/1 "2021-07-17T07:55:38Z")
附件中美化的按钮和复选框，想用到词典制作中。两个问题： （1）CSS中引用了一个ticker.svg 文件很讨厌！本来这就是个极简的设计，想制作成 Base64图片嵌在CSS中，不想单独搞出一个文件来引用。无奈，可能因为svg格式比较特殊，在线的转码试了好几个发现显示都不正常。要么先转成jpg这种普通图片再转Base64吧，结果还是不行哦。 （2） 按钮或者复选框后面的文字与按钮/复选框高度不一致，文字偏高了，如何调整？ 望高手赐教！多谢了！ 链接：[https://pan.baidu.com/s/1zxvYxWi2qmHbMm\_Jx8ngtQ](https://pan.baidu.com/s/1zxvYxWi2qmHbMm_Jx8ngtQ) 提取码：5ezr 百度网盘下载或在附件中下载 [cssRadioCheckbox.zip](https://forum.freemdict.com/uploads/short-url/DB1c2hMs32iXyQKGWdVI2FNvhr.zip) (1.8 KB) ---
作者： ![hua](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/hua/32/11090_2.png) [@hua](https://forum.freemdict.com/u/hua)\ 发布日期： [2021 年7 月 17 日 08:19 UTC](https://forum.freemdict.com/t/topic/7326/2 "2021-07-17T08:19:03Z")
> ---
作者： ![lbhl](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/l/bcef8e/32.png) [@lbhl](https://forum.freemdict.com/u/lbhl)\ 发布日期： [2021 年7 月 17 日 08:39 UTC](https://forum.freemdict.com/t/topic/7326/3 "2021-07-17T08:39:01Z")
我试了inline了，还是不行啊。我已经将双引号改成了单引号还是不行。也许还要改其他什么地方？SVG代码里有个制表符是不是它的原因？ 菜鸟就是菜鸟，错一丁点都出不来束手无策哦。还望高手直接给个最终结果吧。多谢了！ ---
作者： ![lbhl](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/l/bcef8e/32.png) [@lbhl](https://forum.freemdict.com/u/lbhl)\ 发布日期： [2021 年7 月 17 日 08:49 UTC](https://forum.freemdict.com/t/topic/7326/4 "2021-07-17T08:49:17Z")
最后，我用这个 [URL-encoder for SVG](https://yoksel.github.io/url-encoder/) 搞出来了 但是省略了后面的no-repeat center 参数，否则显示就不正常。也不知道省略它之后是否会有隐患在某些词典软件或HTML浏览器中显示不正常呢？ 另外一个问题文字偏高如何对齐呢？