即使文本增加，按钮大小也应该固定

即使按钮上的文字增加，我也希望按钮大小的大小固定。即使文本增加，按钮大小也应该固定

我现在使用的代码：

.button { 
 
    border: none; 
 
    color: white; 
 
    padding: 10px 50px; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    display: inline-block; 
 
    font-size: 16px; 
 
    margin: 1px 1px; 
 
    transition-duration: 2s; 
 
    cursor: pointer; 
 
} 
 
.button4 { 
 
    background-color: #428BCA; 
 
    color: white; 
 
    height: auto; 
 
    width: auto; 
 
} 
 
.button4:hover { 
 
    background-color: #C0C0C0; 
 
}

<button class="button button4">Simplfy! 
 
    <br>Bona PARTe @ PT</button>

来源

2016-11-28 Kalyan N

为什么如果你想要修复按钮尺寸，你在做高度和宽度自动调整？ – progrAmmar

然后在px中写入宽度和高度。但是如果你能够实现你的目标，甚至你希望textcan的尺寸更大，那么你如何才能实现你的目标。所以你可以用更少的文本实现两个或更多的文本或修复大小中的一个，当做上面的时候 – mean

你需要指定一个固定的宽度和高度按钮height: 100px; width: 100px;汽车将无法正常工作。自动选项将适应任何对象按钮是英寸

来源

2016-11-28 06:57:25

，当我添加更多文本时文本消散 –

然后增加按钮'height：100px;宽度：200px;' –

附加宽度，高度，以您的按钮，如果你想查看溢出文字写overflow: auto

.button4 { 
    width: 200px; 
    height: 100px; 
    overflow: auto; 
}

这里是fiddle

来源

2016-11-28 07:04:41 Rahul

即使文本增加，按钮大小也应该固定

回答

相关问题