Ссылка и кнопка не выравниваются - PullRequest
Новая
       2

Ссылка и кнопка не выравниваются

0 голосов
/ 20 января 2020

, поэтому я относительно новичок в JavaScript, HTML и CSS, но я пытаюсь создать кнопку, которая ссылается на другую страницу, которая работает, но проблема в том, что ссылка торчит кнопка, так что даже если я нажму за пределами кнопки, она все равно приведет меня к ссылке.

Единственный стиль, который я сделал для кнопок, был: 

.nav-buttons {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 50px;
}
<Nav className="mr-auto">
  <Navbar.Toggle />
  <Link to="/about" style={{ textDecoration: 'none' }}>
    <Button className="nav-buttons">About</Button>
  </Link>
  <Link to="/projects" style={{ textDecoration: 'none' }}>
    <Button className="nav-buttons">Projects</Button>
  </Link> 
</Nav>

Вот изображение:

enter image description here

Спасибо!

1 Ответ

2 голосов
/ 20 января 2020

Вам не нужен button, вам нужна только ссылка. Назначение элемента a - создать ссылку на другой действительный веб-адрес.

Не пытайтесь вкладывать ссылки и кнопки друг в друга, поскольку они имеют разные цели.

...