居中html输入文件

91zkwejq 于 2023-03-21 发布在其他

关注(0)|答案(1)|浏览(121)

我有一个问题，把一个元素在中心。这发生在只有顶部或不知何故弯曲。我需要把一个输入文件元素的权利，在中心

#frame_2 {
    position: absolute;
    left: 20%;
    width: 60%;
    height: 100%;
    background-color: #f5f8ff;
}

#frame_files {
    position: relative;
    top: 10%;
    left: 20%;
    width: 60%;
    height: 20%;
    background-color: #ffffff;
    border-radius: 10px;
    text-align: center;
}

input {
    text-align: center;
    margin: auto;
}

<div id='frame_2'>
    <div id='frame_files'>
        <input type='file' accept='image/*' multiple>
    </div>
</div>

我尝试了当前CSS中的内容。但最后，结果如下：

Html

来源：https://stackoverflow.com/questions/75759726/center-html-input-file

1条答案

按热度按时间

yiytaume1#

尝试使用flex -https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container

.one {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

<div class="one">
  <div class="two">
    <input type="file">
  </div>
</div>

赞(0）回复(0）举报 2023-03-21

我来回答

居中html输入文件

1条答案

相关问题

热门标签

最新问答