Html 我想把我的按钮移到那条线的中心？ 我想将我的按钮移动到当前显示在页面左侧的那一行的中心，只需使用center标记即可 .fileUpload { position: relative; overflow: hidden; margin: 10px; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; align:center; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

使用

.fileUpload { 
  text-align:center;
 }

尝试此代码

.fileUpload{
位置：相对位置；
溢出：隐藏；
利润率：10px；
文本对齐：居中；
}
.fileUpload输入.upload{
位置：绝对位置；
排名：0；
右：0；
保证金：0；
填充：0；
对齐：居中；
字体大小：20px；
光标：指针；
不透明度：0；
过滤器：alpha（不透明度=0）；
}

上传节目

使用

文本对齐：居中在fileUpload类中。
将代码包装在
div中
仔细阅读我的代码，以便更好地理解


HTML代码-

.fileUpload { 
  text-align:center;
 }

使用
中的
文本对齐：居中
。文件上传
。因此，您可以尝试以下代码：

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
  text-align: center;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  align: center;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

根据页面布局和使用的引导方式，有几种方法可以实现这一点


您可以为按钮创建单独的div容器，并使用
margin:0 auto将容器居中

或者这里是最好的方法之一

中心标签已弃用，不应使用。这就是我添加css文本对齐属性的原因。
.fileUpload { 
  text-align:center;
 }

<div class="form-group text-center">
  <div class="fileUpload btn btn-primary">
    <span>Upload Shows</span>
    <input type="file" class="upload" />
  </div>
</div>

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
  text-align: center;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  align: center;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
  line-height: 25px;
  text-align: center;
}
.fileUpload input.upload {
  position: absolute;
  margin: 0;
  padding: 0;
  text-align:center;
  font-size: 14px;
  cursor: pointer;
  filter: alpha(opacity=0);
}