html - 我想把我的按钮移到那条线的中心？

Question

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

这是我的按钮字段的 div，下面是 css 脚本

.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);
}

我想将我的按钮移动到当前它出现在页面左侧的那条线的中心

Answer 1

在 .fileUpload 中使用 text-align: center。所以你可以试试下面的代码:

.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);
}