收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 3033|回复: 14

[求助] 请问按钮二侧空白怎么去掉

[复制链接]
发表于 2009-1-11 20:32:38 | 显示全部楼层 |阅读模式
象网页中的这样的按钮,在文字二侧会多出一段空白,怎么样去掉,让按钮上的文字直接和边缘靠近.变短点

 提示:您可以先修改部分代码再运行

发表于 2009-1-11 21:03:39 | 显示全部楼层

 提示:您可以先修改部分代码再运行


[[i] 本帖最后由 caiying2007 于 2009-1-11 21:05 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-1-11 21:06:30 | 显示全部楼层
这样设置了固定宽度不算,假设按钮上字数不是固定的
回复 支持 反对

使用道具 举报

发表于 2009-1-11 22:09:14 | 显示全部楼层
难道有随机变化字数的按钮!?
回复 支持 反对

使用道具 举报

发表于 2009-1-11 22:40:34 | 显示全部楼层
原帖使用JS实现效果

[[i] 本帖最后由 caiying2007 于 2009-1-11 23:21 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-1-12 08:21:53 | 显示全部楼层
按钮上文字从资料库中取,长度不同,能实现让按钮上的文字直接和边缘靠近.变短点 有解吗
回复 支持 反对

使用道具 举报

发表于 2009-1-12 09:47:26 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2009-1-12 11:44:20 | 显示全部楼层
看来LS的可以啊

[[i] 本帖最后由 ONEBOYS 于 2009-1-12 11:46 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2009-1-12 12:17:04 | 显示全部楼层
不过直接用
width:auto;overflow:visible; padding:0;
好像就可以了。不需要hack

ie6,ie7一样的,用width:auto;overflow:visible;
ff用 padding:0;
回复 支持 反对

使用道具 举报

发表于 2009-1-12 12:18:26 | 显示全部楼层
原帖由 [i]ONEBOYS 于 2009-1-12 11:44 发表
看来LS的可以啊


FF 3.0 查看沒有效果
回复 支持 反对

使用道具 举报

发表于 2009-1-12 12:57:23 | 显示全部楼层

回复 10# HeTingYi 的帖子

那是因为他设置了padding:0 5px;
改成padding:0;就ok了
回复 支持 反对

使用道具 举报

发表于 2009-1-12 13:02:42 | 显示全部楼层
原帖由 [i]ONEBOYS 于 2009-1-12 12:57 发表
那是因为他设置了padding:0 5px;
改成padding:0;就ok了


还是不行喔。。。   
回复 支持 反对

使用道具 举报

发表于 2009-1-12 13:36:41 | 显示全部楼层
注意“!”占的空间会比较大
回复 支持 反对

使用道具 举报

发表于 2009-1-12 13:37:48 | 显示全部楼层
原帖由 [i]ONEBOYS 于 2009-1-12 13:36 发表
注意“!”占的空间会比较大


鹤兄,你就不能说具体点吗???
回复 支持 反对

使用道具 举报

发表于 2009-1-12 14:05:53 | 显示全部楼层

那楼的按钮里有个"!"
这个“!”右侧的空白比一般字符要多,
所以错觉之下,就觉得空白未去掉。
你将!弃掉,再把padding:0 5px;换成padding:0;
对比下,看看。
。。。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-8-18 09:46 , Processed in 0.109098 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表