Firefox:当文本大于按钮宽度时,按钮文本不支持填充

时间:2015-04-06 04:07:38

标签: html css

我在Firefox 36.0.4中遇到了问题。当按钮文本大于按钮宽度且溢出属性设置为隐藏时,文本不考虑填充。我不确定为什么会这样,以及如何解决它。

<!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>

这就是firefox中的样子。

This is how it looks like in firefox

Fiddle

Another fiddler that demonstrates the issue better

Mr Lister

由于

0 个答案:

没有答案