经典论坛 › 论坛 › 网站开发区 › HTML5及WEB标准化专栏 › 请问按钮二侧空白怎么去掉

查看: 1359|回复: 14

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

tlgjm2000　楼主

高级会员

帖子: 191
体力: 963
威望: 0

发表于 2009-1-11 20:32:38 |显示全部楼层

象网页中的这样的按钮,在文字二侧会多出一段空白,怎么样去掉,让按钮上的文字直接和边缘靠近.变短点

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

西部数码顶级域名注册商39元抢注！

使用道具举报

caiying2007　

荣誉管理

帖子: 2981
体力: 12722
威望: 10

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

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

[ 本帖最后由 caiying2007 于 2009-1-11 21:05 编辑 ]

租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

tlgjm2000　楼主

高级会员

帖子: 191
体力: 963
威望: 0

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

这样设置了固定宽度不算,假设按钮上字数不是固定的

使用道具举报

tianblue　

银牌会员

帖子: 100
体力: 1286
威望: 0
居住地: 江西省南昌市

发表于 2009-1-11 22:09:14 |显示全部楼层

难道有随机变化字数的按钮！？

使用道具举报

caiying2007　

荣誉管理

帖子: 2981
体力: 12722
威望: 10

发表于 2009-1-11 22:40:34 |显示全部楼层

原帖使用JS实现效果

[ 本帖最后由 caiying2007 于 2009-1-11 23:21 编辑 ]

使用道具举报

tlgjm2000　楼主

高级会员

帖子: 191
体力: 963
威望: 0

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

按钮上文字从资料库中取,长度不同,能实现让按钮上的文字直接和边缘靠近.变短点　有解吗

使用道具举报

yhz7155　

托马斯

中级会员

帖子: 159
体力: 238
威望: 1

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

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

8090bb.com

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4403
威望: 16
居住地: 浙江省杭州市

发表于 2009-1-12 11:44:20 |显示全部楼层

看来LS的可以啊

[ 本帖最后由 ONEBOYS 于 2009-1-12 11:46 编辑 ]

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4403
威望: 16
居住地: 浙江省杭州市

发表于 2009-1-12 12:17:04 |显示全部楼层

不过直接用
width:auto;overflow:visible; padding:0;
好像就可以了。不需要hack

ie6,ie7一样的，用width:auto;overflow:visible;
ff用 padding:0;

使用道具举报

HeTingYi　

贫僧法号净空

银牌会员 

帖子: 1322
体力: 2897
威望: 3
居住地: 湖南省湘潭市

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

原帖由 ONEBOYS 于 2009-1-12 11:44 发表
看来LS的可以啊

FF 3.0 查看沒有效果

※ 看破红尘 ※ 遁入空门

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4403
威望: 16
居住地: 浙江省杭州市

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

回复 10# HeTingYi 的帖子

那是因为他设置了padding:0 5px;
改成padding:0;就ok了

使用道具举报

HeTingYi　

贫僧法号净空

银牌会员 

帖子: 1322
体力: 2897
威望: 3
居住地: 湖南省湘潭市

发表于 2009-1-12 13:02:42 |显示全部楼层

原帖由 ONEBOYS 于 2009-1-12 12:57 发表
那是因为他设置了padding:0 5px;
改成padding:0;就ok了

还是不行喔。。。

※ 看破红尘 ※ 遁入空门

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4403
威望: 16
居住地: 浙江省杭州市

发表于 2009-1-12 13:36:41 |显示全部楼层

注意“!”占的空间会比较大

使用道具举报

HeTingYi　

贫僧法号净空

银牌会员 

帖子: 1322
体力: 2897
威望: 3
居住地: 湖南省湘潭市

发表于 2009-1-12 13:37:48 |显示全部楼层

原帖由 ONEBOYS 于 2009-1-12 13:36 发表
注意“!”占的空间会比较大

鹤兄，你就不能说具体点吗？？？

※ 看破红尘 ※ 遁入空门

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4403
威望: 16
居住地: 浙江省杭州市

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

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

使用道具举报

返回列表

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

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

回复 10# HeTingYi 的帖子

浏览过的帖子

浏览过的版块