Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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_Menu - Fatal编程技术网

Html 如何将此搜索框向右对齐?

Html 如何将此搜索框向右对齐?,html,css,menu,Html,Css,Menu,我刚刚开始掌握HTML的窍门。我没法把这个对齐,这是菜单的一部分。我基本上希望它将搜索框向右对齐,使其看起来像facebook或类似的东西。到目前为止,我一直在使用填充物,但我不能再继续使用了 <li id="search-10" class="widget_search"> <form role="search" method="get" action="http://chusmix.com/"> <div> <input class=

我刚刚开始掌握HTML的窍门。我没法把这个对齐,这是菜单的一部分。我基本上希望它将搜索框向右对齐,使其看起来像facebook或类似的东西。到目前为止,我一直在使用填充物,但我不能再继续使用了

<li id="search-10" class="widget_search">
<form role="search" method="get" action="http://chusmix.com/">
    <div>
    <input class="ubicacion" type="text" value="" name="s" id="s">
    <input type="submit" id="searchsubmit" value="Ir a Ciudad"/>
    </div>
    </form></li>

  • 谢谢

    添加
    文本对齐:右
    到您的
    表单
    并删除不必要的
    div


    请注意,这仅适用于内联元素:文本、输入、锚定等。如果希望框(div、表单、表格等)向右对齐,则需要使用
    float:right
    并在浮动项的父项上设置高度,或在浮动项下方添加一个空白div。另外,除了没有必要之外,第二种方法对于初学者来说使用起来会更复杂。

    添加
    文本对齐:右
    到您的
    表单
    并删除不必要的
    div


    请注意,这仅适用于内联元素:文本、输入、锚定等。如果希望框(div、表单、表格等)向右对齐,则需要使用
    float:right
    并在浮动项的父项上设置高度,或在浮动项下方添加一个空白div。另外,除了没有必要之外,第二种方法对于初学者来说使用起来会更复杂。

    我个人不会使用列表

    <div id="search-10" class="widget_search">
      <form role="search" method="get" action="http://chusmix.com/">
        <div style="text-align: right;">
        <input class="ubicacion" type="text" value="" name="s" id="s">
        <input type="submit" id="searchsubmit" value="Ir a Ciudad"/>
        </div>
      </form>
    </div>
    
    
    

    我还建议您尝试使用
    文本对齐

    我个人不会使用列表

    <div id="search-10" class="widget_search">
      <form role="search" method="get" action="http://chusmix.com/">
        <div style="text-align: right;">
        <input class="ubicacion" type="text" value="" name="s" id="s">
        <input type="submit" id="searchsubmit" value="Ir a Ciudad"/>
        </div>
      </form>
    </div>
    
    
    
    我还建议您尝试使用
    文本对齐

    您有一些选择:

    keep the div(bad way)
    add align"right" to the div
    on the form and remove the div (better way)
    use float:right
    text-align: right
    
    然后把它放在表格上,去掉div

    另外,我建议将样式放在css中,而不是放在html元素中。

    您有一些选择:

    keep the div(bad way)
    add align"right" to the div
    on the form and remove the div (better way)
    use float:right
    text-align: right
    
    然后把它放在表格上,去掉div


    另外,我建议将样式放在css中,而不是html元素中。

    添加
    float:right
    right:0
    到您的
    .widget\u搜索
    css类我的问题可能会帮助您添加
    float:right
    right:0到你的
    .widget\u search
    css类我的问题可能会帮助你,他可能在列表中有多个项目。你怎么这么肯定他的选择是不合理的?@Alin+1表示客观!你是对的,虽然这是一个更大的讨论的一部分,但是
    li
    可能是合理的。我个人发现当项目之间没有关系时,
    li
    的被过度使用了。他可能在列表中有多个项目。你怎么这么肯定他的选择是不合理的?@Alin+1表示客观!你是对的,虽然这是一个更大的讨论的一部分,但是
    li
    可能是合理的。我个人认为,当项目之间没有关系时,
    li
    会被过度使用。