# M大漢語大字典圖文綜版的CSS文件小改,无限词典显示单栏图片

**URL:** <https://forum.freemdict.com/t/topic/36821>\
**Category:** 词典装饰排版交流分享\
**Tags:** css\
**Created:** [2025 年2 月 24 日 07:21 UTC](https://forum.freemdict.com/t/topic/36821 "2025-02-24T07:21:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

作者： ![hapocn](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/bc79bd/32.png) [@hapocn](https://forum.freemdict.com/u/hapocn)\
发布日期： [2025 年2 月 24 日 07:21 UTC](https://forum.freemdict.com/t/topic/36821/1 "2025-02-24T07:21:14Z")

</div>

Mastameta大大的字典非常好,感谢!

> [@【Mastameta】漢語大字典（圖文綜版）25.1.30](https://forum.freemdict.com/t/topic/11858/764):
>

我日常用的是无限词典  
漢語大字典的css在无限词典这有冲突,显示不了图片

为此把css随便到处乱删一通,乱改一下.  
终于勉强可以显示单栏图片了.

css文件在这里:  
[中\_汉语大字典\_2.0Mastameta.css](https://forum.freemdict.com/uploads/short-url/oGRtwLrIgfm5Jf9R1AP4B44eB99.css) (5.9 KB)

我在无限词典的手机和服务器页面上测试通过.  
如果图片的位置不对的话,  
可以修改最后两行的translate语句.  
第一个数值是x轴,第二个数值是y轴  
负数为x,y轴的减小方向  
正数为x,y轴的增加方向

```auto
c1>img {transform:scale(2) translate(25%, 26%); clip-path: inset(0% 50% 0% 0%); margin-left:0%}
c2>img {transform:scale(2) translate(-25%, 77%); clip-path: inset(0% 0% 0% 50%); margin-left:0%; width:100%}

```

效果:  
文字有修饰效果,图片可以单栏显示

如图:  
手机

 ![Screenshot_20250224_145618_com.knziha.plod.plaindict](https://forumcdn.freemdict.com/uploads/default/original/3X/b/3/b38b19de40ecc25fb57681818d3b4018f7cfadf1.jpeg)  
 ![Screenshot_20250224_145627_com.knziha.plod.plaindict](https://forumcdn.freemdict.com/uploads/default/original/3X/0/4/04f0449fb092f4398f45e6cf465ff39c3ab70c55.jpeg)  
 ![Screenshot_20250224_145637_com.knziha.plod.plaindict](https://forumcdn.freemdict.com/uploads/default/original/3X/4/4/442fbc5f3a91dfc93348d472a1d12f7671844942.jpeg)

无限词典服务器

 ![Snipaste_20250224145921](https://forumcdn.freemdict.com/uploads/default/original/3X/3/5/35f5c30652c391855d27821680bb9b7a12604b04.png)  
 ![Snipaste_20250224145945](https://forumcdn.freemdict.com/uploads/default/original/3X/8/2/82bc66341a315cbd12f3fea39a02c01dda94749e.png)