css HTML如何移动表单?

uttx8gqw  于 2023-01-03  发布在  其他
关注(0)|答案(1)|浏览(186)

我正在做CS50w项目0,做谷歌搜索。我似乎根本不能移动表单。我需要以某种方式将图片和高级搜索表单移动到页面的右侧,并将搜索表单移动到中间。我不知道如何编辑表单的位置或外观。

<nav class="navbar">
   <div class="image-submit">
      <form action="image.html">
         <input type="submit" value="Images Search">
      </form>
   </div>
   <div class="advanced-submit">
      <form action="advanced.html">
         <input type="submit" value="Advanced Search">
      </form>
   </div>
</nav>

<div class="search-submit">
   <form action="https://www.google.com/search" >
      <input type="text" name="q">
      <input type="submit" value="Google Search">
   </form>
</div>

我还没有任何CSS,因为到目前为止还没有任何东西起作用。我试过文本对齐,添加宽度和边距,显示:内联块;但是表单仍然处于左侧的固定位置。

g6ll5ycj

g6ll5ycj1#

如果希望窗体或任何div居中,则必须选择父div并设置此属性:

.search-submit {
    display: flex;
    justify-content: center;
}

这篇文章将进一步帮助:
https://www.w3schools.com/css/css_align.asp

相关问题