Edit in JSFiddle

nav {
  display: table;
  width: 100%;
  table-layout: fixed;
}
nav ul {
  display: table-row;
}
nav li {
  display: table-cell;
  text-align: center;
}

nav li a {
  display: block;
  background: #f0f0f0;
}

<nav>
  <ul>
    <li><a href="#">enlace</a></li>
    <li><a href="#">otro enlace</a></li>
    <li><a href="#">uno</a></li>
    <li><a href="#">uno más grande a ver</a></li>
    <li><a href="#">yuhuu!</a></li>
  </ul>
</nav>