|
|
主题: 请问!如何使按钮中的文字居中显示
|
design_5d
职务：普通成员
等级：2
金币：1.0
发贴：252
注册：2001/10/27 16:07:56
|
#162001/10/29 22:27:48
哈哈品在上个帖子中说 引用:
呵呵，问题大了，没想到IE5和IE5.5或更高版本对CSS都不一样。
我的是IE5.5：
咦，你的现在也很正啊，看来是版本问题了，谁在用IE6的也来看看啊，不知道有是什么情况  微软，BUG的摇篮，温床更贴切
别和我提网页设计，一天到晚就和这东西打交道，小心，看爆了眼睛[img]http://www.deskcity.com/img/forum/face/xl/032.gif[/img]
|
kurtf
职务：普通成员
等级：1
金币：1.0
发贴：151
注册：2001/7/21 9:29:26
|
#172001/10/29 22:41:19
我是IE6！
在我这看，哈哈的好点！hve靠上！
哈哈的几乎是正中了！
嚯嚯！
|
design_5d
职务：普通成员
等级：2
金币：1.0
发贴：252
注册：2001/10/27 16:07:56
|
#182001/10/29 22:47:18
kurtf在上个帖子中说 引用:
我是IE6！
在我这看，哈哈的好点！hve靠上！
哈哈的几乎是正中了！
嚯嚯！
不能看贴图的啊，看最前面的 
别和我提网页设计，一天到晚就和这东西打交道，小心，看爆了眼睛[img]http://www.deskcity.com/img/forum/face/xl/032.gif[/img]
|
哈哈品
职务：普通成员
等级：6
金币：18.0
发贴：4349
注册：2001/9/11 14:26:11
|
#192001/10/29 23:30:49
我认为IE6和IE5.5应该是一样的。我在代码中加了上下距离，就只有这点区别。
|
kurtf
职务：普通成员
等级：1
金币：1.0
发贴：151
注册：2001/7/21 9:29:26
|
#202001/10/29 23:47:43
design在上个帖子中说 引用:
kurtf在上个帖子中说
引用:
我是IE6！
在我这看，哈哈的好点！hve靠上！
哈哈的几乎是正中了！
嚯嚯！
不能看贴图的啊，看最前面的
偶虽然傻点，但还不至于。。。。。。
|
design_5d
职务：普通成员
等级：2
金币：1.0
发贴：252
注册：2001/10/27 16:07:56
|
#212001/10/29 23:52:19
kurtf在上个帖子中说 引用:
design在上个帖子中说
引用:
kurtf在上个帖子中说
引用:
我是IE6！
在我这看，哈哈的好点！hve靠上！
哈哈的几乎是正中了！
嚯嚯！
不能看贴图的啊，看最前面的
偶虽然傻点，但还不至于。。。。。。
SORRY，我不是那意思，只是就问题论问题。再次抱歉
别和我提网页设计，一天到晚就和这东西打交道，小心，看爆了眼睛[img]http://www.deskcity.com/img/forum/face/xl/032.gif[/img]
|
风之翅
职务：普通成员
等级：2
金币：10.0
发贴：540
注册：2001/1/31 14:48:59
|
#222001/10/30 8:39:56
哈哈品的CSS
input { background-color: #0066CC; height: 19px; border: 1px #003366 solid; color: #FFFFFF; font-size: 12px; padding-top: 2px; padding-bottom: 2px}
1+2+12+2+1=19 ？
|
哈哈品
职务：普通成员
等级：6
金币：18.0
发贴：4349
注册：2001/9/11 14:26:11
|
#232001/10/30 9:19:20
jhsdx在上个帖子中说 引用:
哈哈品的CSS
input { background-color: #0066CC; height: 19px; border: 1px #003366 solid; color: #FFFFFF; font-size: 12px; padding-top: 2px; padding-bottom: 2px}
1+2+12+2+1=19 ？
很奇怪吧？！  我也觉得如此，上面的参数不变，只是把高改回18，则在IE5.5看来就偏下，所以我调整为19。试了一下，如果变这样：input { background-color: #0066CC; height: 20px; border: 1px #003366 solid; color: #FFFFFF; font-size: 12px; padding-top: 3px; padding-bottom: 3px} 看起来倒是居中的。 有兴趣的再研究研究。 
|
风之翅
职务：普通成员
等级：2
金币：10.0
发贴：540
注册：2001/1/31 14:48:59
|
#242001/10/30 11:03:50
请看把按钮高度设为17px时的情况： 页面： 点这儿参观文字刚好抵拢底边。 这里要说一下padding的定义，padding就是填充，总是采用标记符的背景色或背景图像，一个元素的填充区是指元素内容周围的保留区域。说穿了，padding是依附元素而存在的，而这个元素始终要占位，也就是1px，以上面为例，总高度为17px，减去两个边框2px，padding-top2px，剩下13px，其中有1px就是用来占位的，不知道我这样理解是否正确？
|
风之翅
职务：普通成员
等级：2
金币：10.0
发贴：540
注册：2001/1/31 14:48:59
|
#252001/10/30 11:10:39
补充一句，刚才哈哈品说的将高度改为20px的例子中，注意看，也不是居中的，下面实际上只留了2px，而不是预想的3px，就是因为元素本身有1px的占位。
|
