php - 如何在同一行中定位事物

Question

我在我的网站主页上工作，就像谷歌一样。在中心有一个用于搜索任务的文本框，在它附近有一个搜索按钮，但我在本地化方面有很多问题。首先，我的网站顶部有文字，我想在同一行的不同位置定位。左和右。例如，同一行左侧的语言选项，如 DE/FR，右侧的登录/帮助。在右边，我试过这个；

 #right
{   
    position:relative;
    top:10% ;
    left:61%;
    margin-right:10px;
}



<a href="login.php" id="right" >Login</a>

当我这样做时，它看起来像我想要的，但是当我缩小页面时，整个内容都搞砸了，包括搜索按钮。最后我试着像我说的那样将按钮放在文本框附近，但我做不到。我的意思是我在同一条车道上遇到了问题。我在这里查看了我的问题，但找不到与我的完全相似的问题，ty。

Answer 1

此处:http://jsfiddle.net/leojavier/gbuLykdj/3/ 只需让您的容器显示为表格，并将内容显示为表格单元格。这将允许您垂直居中您的元素

 <div class='container'>
      <section><input type="text" placeholder="search"><button>search</button></section>
    </div> 

CSS

html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    font-family:arial;
}

.container{
    display:table;
    height:100%;
    width:100%;
}

section{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}