按钮里面的图片怎么放得文字后面

登录

例如截图的下拉图标需求是放到文字“更多”后面

要是有选项可以设置是在文字前后就更好

experdot · experdot

使用特殊字符，“更多 ▼”

Timothy.Xu · Timothy.Xu

这个我这边有一个简单的办法哈，您可以不在这个按钮设置下拉图标，而是重新创建一个透明背景的按钮图标，上面只有下拉图标，然后叠在这个按钮上，这样下拉图标位置就可以随便更改了

至于为什么这边没有选择放在文字前后的选项，是因为目前还是有可以替代的方案可以实现，而且也没有出现特别多这方面的需求，不过未来版本如果这方面反映的需求比较多的话，我们的版本更新也是会积极响应滴

总之感谢您的建议哈~

小侠米 · 小侠米

本帖最后由小侠米于 2020-9-23 08:52 编辑

Timothy.Xu 发表于 2020-9-22 18:38
这个我这边有一个简单的办法哈，您可以不在这个按钮设置下拉图标，而是重新创建一个透明背景的按钮图标，上 ...

按照帖子方法有下面的问题：1、图标和按钮两种单元格式没法叠加在一起的，可能还是没理解你的意思。
2、如果图标和按钮并排一起，鼠标放上去的效果又不能同时显示，很别扭，如下截图

上传了个工程文件，请做个demo试试

小侠米 · 小侠米

experdot 发表于 2020-9-23 08:51
使用特殊字符，“更多 ▼”

这里是4个单元格长度的按钮，下面那个按照你的方法做，位置就很难控制，看起来就别扭了，跟上面其它正常的按钮有明显的区别。
非常感谢你的建议

Timothy.Xu · Timothy.Xu

本帖最后由 Timothy.Xu 于 2020-9-23 15:50 编辑

这里我总结一下大家的意思哈~现在给楼主提供四种方案，
第一种，插入一个透明背景的箭头图片，放在按钮单元格上，按钮文字靠左对齐，具体位置用空格位数控制；
第二种，把按钮文字修改为“更多▼”，就是楼上大神的办法~这种方式依然可以使用空格更改文字和箭头位置；
第三种，先放置一个颜色和需求按钮颜色相同的圆角背景图片，然后在背景图上并排放置两个按钮，左边按钮文字为“更多”，右边按钮无文字，图片设为箭头，然后新建一个单元格样式，将按钮颜色改为与背景图片相同，让按下和鼠标悬停效果与一般效果相同，再给两个按钮都绑上您需要的命令（这个办法暂时不能有鼠标悬停与按下的样式）；
第四种，还是建议您有空了学一学CSS代码，难度不是很大，但是可以解决很多您的个性化需求~
我给您做了一个Demo您看一下，希望大家的回答有帮到您

小侠米 · 小侠米

Timothy.Xu 发表于 2020-9-23 10:32
这里我总结一下大家的意思哈~现在给楼主提供四种方案，
第一种，插入一个透明背景的箭头图片，放在按钮单 ...

老大，你确定不是在忽然我吗？附件没有上传

Timothy.Xu · Timothy.Xu

小侠米发表于 2020-9-23 15:44
老大，你确定不是在忽然我吗？附件没有上传

可能是上传失败了，这边我已经重新上传，您可以参考一下~

小侠米 · 小侠米

Timothy.Xu 发表于 2020-9-23 15:50
可能是上传失败了，这边我已经重新上传，您可以参考一下~

第一种有个问题，原本设计时这样的

预览拉伸就变形

第二种，就是正三角，跟系统内置的等腰三角不配对，也没法调整

第三种，动画效果不能在鼠标滑过时同时显示
以上都没有彻底解决问题
至于第四种，暂时没头绪

Simon.hu · Simon.hu

那就特殊字符吧，这个听起来最靠谱

或者你就把按钮的hover效果去掉，反正下拉框没有这个效果也很正常，不像按钮

		自动登录	找回密码
密码			立即注册

[已处理] 按钮里面的图片怎么放得文字后面

最佳答案

16 个回复

本帖子中包含更多资源

评分

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

圣诞拼拼乐

讲师达人

悬赏达人

微信认证勋章

元老葡萄

活字格认证

活字格高级认证