搜索

技术笔记 当表情包与图片共用一个样式,怎么单独给表情附CSS

一定 2022-07-18
手机模板默认没有表情包,买的插件,表情包是有了,但是因为模板没有表情包,所以没有单独的样式。

这导致表情包直接显示实际尺寸,这样会导致表情包很大。

我最初是直接改表情包尺寸的,但是这样会让表情包模糊。

今天又搞了下表情包,样式找半天不知道怎么分开。

最后问了人,算是搞明白了,这里做个记录。

复制原本的样式CSS

[CSS] 纯文本查看 复制代码
.plc .pi .message img, .plc .pi .img_one img {
    margin: 8px 5px 8px 5px;
    max-width: 100%;
    vertical-align: middle;
}

IMG换成img[src*="smiley"],增加到其下面,我这里是要控制表情包大小,所以增加了宽度和高度。

[CSS] 纯文本查看 复制代码
.plc .pi .message img[src*="smiley"], .plc .pi .img_one img[src*="smiley"] {
    margin: 8px 5px 8px 5px;
    max-width: 100%;
    vertical-align: middle;
    width:25px; height:25px;
}

其中【smiley】是表情包的路径之一,其原理大概是当img路径包含smiley的时候才会生效。



上一篇:表情包与贴内详情页优化      下一篇:版主/圈主招募:洪荒文学论坛与圈子招募管理团队了。

使用道具 举报

您需要登录后才可以回帖 立即登录
千般法术,无穷大道,我只问一句,可得长生么?《仙葫
共收到 0 条点评
返回顶部