gpt4 book ai didi

html - 尝试将搜索表单对齐到
  • 的右侧
  • 转载 作者:太空宇宙 更新时间:2023-11-04 03:32:32 25 4
    gpt4 key购买 nike

    我正在尝试将我的搜索栏与 li 菜单项的右侧对齐。

    HTML:

    <body>
    <div id="navbox">
    <nav id="nav">
    <ul id="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">History</a></li>
    <li><a href="#">Leaders</a></li>
    <li><a href="#">Youth</a></li>
    <li><a href="#">Links</a></li>
    <li><a href="#">Contact</a></li>
    <li>
    <form method="get" action="/search" id="search">
    <input name="q" type="text" size="40" placeholder="Search..." />
    </form>
    </li>
    </ul>
    </nav>
    </div>
    </body>

    CSS:

    form {
    padding-left: 15px;
    margin: 0;
    }

    有什么办法可以做到这一点吗?

    最佳答案

    display:inline-block 将为您工作。

    ul#nav li {
    display:inline-block
    }

    你可以找到Demo在这里。

    关于html - 尝试将搜索表单对齐到 <li> 的右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26112787/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com