大佬教程收集整理的这篇文章主要介绍了css – 填充/宽度问题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
按钮有一些填充,固定高度.当我指定按钮/ a的宽度时,它们看起来都一样.但是当我向< button>添加宽度时它忽略了填充.
我在Chrome,Firefox和Opera中遇到了这个问题,所以我猜这不是渲染错误.同样的问题与< input type =“submit”/>
这是基本的CSS:
.button,button { margin: 0; display: inline-block; border: 0; text-decoration: none; cursor: pointer; color: black; BACkground: #ddd; font: 12px Verdana; padding: 40px; /* 40px,so you can see that it won't be rendered with width */ text-align: center; }
HTML:
<a href="#" class="button">Some text</a> <button>Some text</button> <!-- Works fine till here --> <br /><br /> <a href="#" class="button" style="width:200px">Some text</a> <button style="width:200px">Some text</button>
小提琴:http://jsfiddle.net/9dtnz/
有什么建议为什么浏览器忽略填充? (使用高度时的顶部和底部/使用宽度时的左右).
所以为了避免这种情况,只需指定box-sizing:content-box; (可能需要一些前缀).
以上是大佬教程为你收集整理的css – 填充/宽度问题全部内容,希望文章能够帮你解决css – 填充/宽度问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。