Html 如何将此搜索框向右对齐?
我刚刚开始掌握HTML的窍门。我没法把这个对齐,这是菜单的一部分。我基本上希望它将搜索框向右对齐,使其看起来像facebook或类似的东西。到目前为止,我一直在使用填充物,但我不能再继续使用了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=
<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
会被过度使用。