文本框中心在CSS

Question

我可以成功地将文本框置于CSS中心。但是居中的文本框没有对齐。如何对齐它们？

我的HTML代码：

  <div data-bind="dxList: { dataSource: dataSource}">
    <div data-options="dxTemplate : { name: 'item' } ">

        <div class="wrapper">
               <div data-bind="text: name" class="cls"></div>
            <input name="deneme" id="test" type="text"  />
        </div>
    </div>
</div>

现在看起来有点像这样

Answer 1

  

注意：使用margin: 0 auto然后使用水平对齐中心元素或Div

方法-1：使用 display: flex;。

#test,
.test {
  margin: 0 auto;
  display: flex;
}

<div class="wrapper">
  <div data-bind="text: name" class="cls"></div>
  <input name="deneme" id="test" type="text" />
</div>

方法-2：使用 display: block;

#test,
.test {
  margin: 0 auto;
  display: block;
}

<div class="wrapper">
  <div data-bind="text: name" class="cls"></div>
  <input name="deneme" id="test" type="text" />
</div>

Answer 2

试试这个css：

input {
   width:100px;
   display:block;
   margin:0 auto
}

Answer 3

试一试： - 要使用#!/usr/bin/python # -*- coding: utf-8 -*- from pydrive.auth import GoogleAuth from pydrive.drive import GoogleDrive gauth = GoogleAuth() gauth.LocalWebserverAuth() # Creates local webserver and auto handles authentication #Make GoogleDrive instance with Authenticated GoogleAuth instance drive = GoogleDrive(gauth) def ListFolder(parent): filelist=[] file_list = drive.ListFile({'q': "'%s' in parents and trashed=false" % parent}).GetList() for f in file_list: if f['mimeType']=='application/vnd.google-apps.folder': # if folder filelist.append({"id":f['id'],"title":f['title'],"list":ListFolder(f['id'])}) else: filelist.append({"title":f['title'],"title1":f['alternateLink']}) return filelist ListFolder('root') 之类的div居中，建议div必须包含有效宽度。

如果你添加

margin: 0 auto;

这将使div在中心水平居中。您也可以使用格式为#register{ //... width: 300px; margin: 0 auto; } 的父级text-align:中心。如：

display: inline-block

如果你想在垂直方向居中，我建议你使用#fg_membersite{ text-align:center; } #register{ display:inline-block; } （在aprent div上）和display:table（在包装div中）和display:table-cell选项，或者vertical-align:middle为负边距，这是您的选择。