divがあり、内部にテーブルがあり、そこにリンクを作成するために使用します。これまでのところ、私がウェブサイトで行ったことすべてです。私はそれにjQueryを実装することができるように行を配置しようとしていますが、まだ開始していません。div内に行が均等に配置されています
私の問題は、スペース全体に均等に行を取得できないことです。私は、幅と高さで動作しない左右のパディングを試みましたが、左右の余白は機能しません。これを行う方法はありますか？または、私はちょうどテーブルを使用し、各ナビゲーションオプションのdivを作成するという考えを取り除くべきですか？
ここでは、リストとディスプレイを使用した1つの解決策があります。位置決めのためのフレックスです。あなたの更新例：https://repl.it/Hj62/6。
HTML部分：
justify-content: space-between;
はより良いあなたに合っていない：場合にも確認することができ
.table-nav-content {
text-align: center;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
padding: 0;
}
.table-nav-content li {
list-style: none;
}
：
<div id="header-nav-content">
<ul class="table-nav-content">
<li class="nav-home">Home</li>
<li class="nav-about">About</li>
<li class="nav-contact">Contact</li>
</ul>
</div>
CSS一部。フレックスポジショニングの詳細については、次の例を参照してください。https://css-tricks.com/snippets/css/a-guide-to-flexbox/
ありがとうございます！この回答は私にとって最高のものでした。余分な家2/3などを取り除きました。彼らのサイズを再調整して、彼らが見栄えがいいかどうか確認します。 – UghThatGuyAgain
私はあなたがHTMLのリスト方式、https://www.w3schools.com/html/html_lists.aspを使用することをお勧めします。パディングなしのマージンを使用して、各アイテムを均等に配置することができます（When to use margin vs padding in CSS）。
1行以上の例を教えてください。 – tavnab
@ UghThatGuyAgain - 達成しようとしていることは明らかではありません。テーブルを100％幅にすると、行は「div全体に均等に配置されます」。一般に、要素を配置するためのテーブルを使うのは良い考えではありません。 – Picard
@Picard私はより具体的にすべきでした、私はそれらが行間に均等にスペースを提供しながら、div全体に均等に配置したい。私はdivを使って同じことを再現しようとしますが、私はこれをやりやすくしました。ありがとう！ – UghThatGuyAgain