Question

在下面的代码中，我想更改内部字体大小而不是按钮大小。

<html>
<head>
<style>
.sm
{
font-size:x-small;
}
</style>
</head>
<body>
<button class="sm">
submit
</button>
</body>
</html>

Answer 1

要在不更改按钮大小的情况下更改文本大小，您需要修复按钮的大小。这可以使用CSS中的height和width来完成。这样，您可以更改font-size，而不会影响按钮大小。

看看下面的代码。如您所见，更改了height和width后，按钮现在是固定大小。这可以通过大于按钮的文本来证明。

CSS

button {
  font-size: 30px;
  height: 60px;
  width: 60px;
}

HTML

<button>
Hello
</button>

Answer 2

你也可以使用对我来说效果很好的span标签。

 <button><span style="font-size:10px;">ClickMe</span></button>

Answer 3

将您的风格改为此

.sm
{
  font-size:20px;
  height:30px;
  width: 120px;
}

希望这有帮助！

Answer 4

将文本换行为div标签并在css中编辑