html - 按钮不会对 CSS 中的填充或边距使用react

标签 html css web

我在让我的按钮之一对 CSS 中的填充或边距使用react时遇到问题。该按钮位于 div 的最底部,不会对我分配给 div 的类中的任何类型的填充或边距使用react。

HTML

<div class="topBorder">
    <h1>Matt</h1>
    <a href="#" class="aboutButton">ABOUT</a>
</div>

CSS

.aboutButton {
      color: white;
      padding: 800px;
      font-size: 20px;
      font-family: 'Ubuntu';
}

Current Look

最佳答案

尝试将 display:inline-block 添加到您的 css 按钮。这应该允许它根据需要进行调整。默认情况下,div 是 block 级元素,因此会占据整个可用宽度。内联元素只占用所需的空间。行内 block 允许元素具有特定的宽度和高度。

参见 http://www.w3schools.com/css/css_display_visibility.asp

关于html - 按钮不会对 CSS 中的填充或边距使用react,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40823805/

相关文章:

html - 在 bxSlider 之上放置一个 Navigation Div

javascript - IntroJS, Uncaught ReferenceError

html - 我想将两个标题放置在固定大小的 div 中,并且它们都应该左对齐

javascript - 似乎无法找到有关测试 Cycle.js 应用程序的资源

html - 使用 CSS 制作进出动画

javascript - 如何通过 Bootstrap 日期时间选择器使用今天和明天按钮?

html - CSS 在我的 Python/HTML 元素中不起作用

javascript - css 按钮悬停效果不起作用

javascript - 初始化后如何访问类的成员?

javascript - 移动到事件元素的特定 HTML 元素