Html Firefox：当文本大于按钮宽度时，按钮文本不考虑填充
我在Firefox 36.0.4中遇到了一个问题。当按钮文本大于“溢出”属性设置为“隐藏”的按钮宽度时，文本不考虑填充。我不知道为什么会发生这种情况，以及如何解决它Html Firefox：当文本大于按钮宽度时，按钮文本不考虑填充,html,css,Html,Css,我在Firefox 36.0.4中遇到了一个问题。当按钮文本大于“溢出”属性设置为“隐藏”的按钮宽度时，文本不考虑填充。我不知道为什么会发生这种情况，以及如何解决它 <!DOCTYPE html> <html> <head> <style> button{ padding-left:40px; width:60px; overflow: hidden; height:30px;
<!DOCTYPE html>
<html>
<head>
<style>
button{
padding-left:40px;
width:60px;
overflow: hidden;
height:30px;
white-space:nowrap;
}
</style>
</head>
<body>
<button type="button">A very longggggg Name</button>
<button type="button">button</button>
</body>
</html>
钮扣{
左侧填充：40px；
宽度：60px；
溢出：隐藏；
高度：30px；
空白：nowrap；
}
一个很长的名字
按钮
谢谢所以您希望按钮按照文本的宽度像这样展开？或者您的问题是关于填充的？不，我只希望泄漏的文本像第二个按钮中的文本“button”一样隐藏，您希望两侧都填充？您提到的填充仅在左侧。奇怪的是，最右侧的按钮确实使用了填充，即使这意味着它也在右侧截断了文本。那么FF使用的标准是什么呢。此外，将div与display:inline块一起使用时，也不会发生同样的情况。尽管如此，我不知道你是否可以称之为bug或者仅仅是一个设计怪癖。