0

ナビゲーションバーが高すぎるため（私は思う）、リンクがナビゲーションバーから出ており、アイテムを互いに脇に置いてほしい。

#navbar {
    height: 21px;
    width: 100%;
    top: 200px;
    text-align: center;
    font-size: 20px;
}

ああ、これがHTMLです：

<div id="navbar">
          {block:AskEnabled}
          <div class="navitem"><a href="/ask">{AskLabel}</a></div class>
          {/block:AskEnabled}
          {block:SubmissionsEnabled}
          <div class="navitem"><a href="/submit">{SubmitLabel}</a></div class>
          {/block:SubmissionsEnabled}
           <div class="navitem"><a href="{text:Link 1 Path}">{text:Link 1}</a></div class><div class="navitem"><a href="{text:Link 2 Path}">{text:Link 2}</a></div class><div class="navitem"><a href="{text:Link 3 Path}">{text:Link 3}</a></div class>


          </div id="navbar">

AskLabelやdivクラスnavitemのような括弧内のものは無視してください、私はそれを取り除きました：P

4

1 に答える 1

0

リンクはdivブロック要素であるsにあるため、それぞれの間にページ分割がありますdiv。要素にaspanまたはsetのようなものを使用する必要がありdisplay: inlineます。navitem div

例を参照してください：http：//jsfiddle.net/7dPkQ/3/

明確にするために編集します。sspanはデフォルトでdisplay: inline設定されています。divsデフォルトでdisplay: block設定されています。あなたの例では、リンクが要素でラップされている場合、リンクは並んで移動しますinline。http://www.w3schools.com/cssref/pr_class_display.aspも参照してください

于 2013-01-16T01:23:08.043 に答える