0

水平方向のナビゲーションは正当化されていますが、Webkit の右端には常に少しスペースがあります。何が問題か知っていますか?

コードは次のとおりです。

HTML

<nav class="navJustify">
  <a href="#">Link1</a>
  <a href="#">Link2</a>
  <a href="#">Link3</a>
  <a href="#">Link4</a>
  <a href="#">Link5</a>
  <a href="#">Link6</a>
  <a href="#">Link7</a>
  <a href="#">Link8</a>
</nav>

CSS

nav.navJustify {
   text-align: justify;

   background-color: black;
}

nav.navJustify:after {
   content: '';
   display: inline-block;
   width: 100%;
}

nav.navJustify a {
   position: relative;
   display: inline-block;

   width: 12%;
   background-color: yellow;
}

jsFiddle を作成したので、(Chrome/Safari で) jsFiddleの意味がわかります。

4

1 に答える 1