Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航不';不要坐在一条线上或对齐_Html_Css - Fatal编程技术网

Html 导航不';不要坐在一条线上或对齐

Html 导航不';不要坐在一条线上或对齐,html,css,Html,Css,我想应该很清楚我想用这个做什么: 我希望所有内容都在一行上对齐,并且名称和箭头与栏的右侧对齐。我相信我已经为此编写了正确的代码,但它似乎没有如预期的那样工作 我对名称和箭头做了align:right,但它们没有显示出来 我确实为ul显示了:内联块,但它不在一行上 谁能告诉我哪里出了问题吗? 添加一个新的ul,并在右侧添加所需的元素 <header> <ul class="right"> <li><a href="#">&

我想应该很清楚我想用这个做什么:

我希望所有内容都在一行上对齐,并且名称和箭头与栏的右侧对齐。我相信我已经为此编写了正确的代码,但它似乎没有如预期的那样工作

  • 我对名称和箭头做了
    align:right
    ,但它们没有显示出来
  • 我确实为
    ul
    显示了:内联块,但它不在一行上
谁能告诉我哪里出了问题吗?

添加一个新的
ul
,并在右侧添加所需的元素

<header>
    <ul class="right">
        <li><a href="#">&#9660;</a></li>
        <li><a href="#">Name</a></li>
    </ul>
    <ul id="nav">
        <li><a href="#">Title</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul> 
</header>

根据您的需要,给最上面的一个类设置一个
right

li
元素是要显示
内联块的元素

添加一个新的
ul
,并在右侧添加所需的元素

<header>
    <ul class="right">
        <li><a href="#">&#9660;</a></li>
        <li><a href="#">Name</a></li>
    </ul>
    <ul id="nav">
        <li><a href="#">Title</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul> 
</header>

根据您的需要,给最上面的一个类设置一个
right

li
元素是要显示
内联块的元素

添加一个新的
ul
,并在右侧添加所需的元素

<header>
    <ul class="right">
        <li><a href="#">&#9660;</a></li>
        <li><a href="#">Name</a></li>
    </ul>
    <ul id="nav">
        <li><a href="#">Title</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul> 
</header>

根据您的需要,给最上面的一个类设置一个
right

li
元素是要显示
内联块的元素

添加一个新的
ul
,并在右侧添加所需的元素

<header>
    <ul class="right">
        <li><a href="#">&#9660;</a></li>
        <li><a href="#">Name</a></li>
    </ul>
    <ul id="nav">
        <li><a href="#">Title</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul> 
</header>

根据您的需要,给最上面的一个类设置一个
right


li
元素是要显示
内联块的元素

您要内联显示的是li,而不是ul

#nav li {
    display: inline-block;
}

您要内联显示的是li,而不是ul

#nav li {
    display: inline-block;
}

您要内联显示的是li,而不是ul

#nav li {
    display: inline-block;
}

您要内联显示的是li,而不是ul

#nav li {
    display: inline-block;
}

请你重新措辞问题签出请你重新措辞问题签出请你重新措辞问题签出请你重新措辞问题签出请你重新措辞问题签出我的意思是,它显然会出现在列表的右侧,因为它是
li
列表中的最后两个元素,但是OP想要它在导航栏的右边,意思是在导航栏的右边,它显然会出现在列表的右边,因为它是
li
列表中的最后两个元素,但是OP想要它在导航栏的右边,意思是在导航栏的右边,它显然会出现在列表的右侧,因为它是
li
列表中的最后两个元素,但OP希望它出现在导航栏的右侧,即栏的右侧,它显然会出现在列表的右侧,因为它是
li
列表中的最后两个元素,但OP希望它在导航栏的右边