时间戳

首页 > 解决方案 > 我的 HTML 按钮内的文本超出了按钮

html - 我的 HTML 按钮内的文本超出了按钮

问题描述

我的 HTML 网页上有一个“下载”按钮，并为它设置了一些属性。

每当我刷新页面时，按钮都会像这样出现，很少见：

按钮外的文字

但是，它看起来像这样，这是正常外观的按钮：

普通按钮

.navbar-download-btn {
  position: absolute;
  right: 4%;
  top: 5.7%;
  color: white;
  background-color: blue;
  border: 2.2px solid white;
  padding: 0.8%;
  border-radius: 3.5px;
  outline: none;
  cursor: pointer;
  font-weight: bolder;
  font-family: Noto Sans KR, sans-serif;
  letter-spacing: 0.7px;
  transition: 0.7s;
}
<a href="#Download"><button class="navbar-download-btn nonindex">Download</button></a>

标签： htmlcssbuttonpaddinghtmlbutton

解决方案

我认为下载按钮的填充可能有问题，从右侧增加填充并尝试在其他浏览器中运行此代码，这对我来说太早了，但有时它可能只是你的浏览器.. .

推荐阅读