时间戳

首页 > 解决方案 > 如何在中心制作文件上传按钮

javascript - 如何在中心制作文件上传按钮

问题描述

点击我的网站 https://webpconverterio.blogspot.com/ 如何在移动视图的中心制作文件上传按钮 检查此图片

标签： javascript

解决方案

您是否尝试使用 Javascript 来实现这一目标？这可能是错误的，查看您的网站，我可以通过在 CSS 样式中添加一个简单的行来使表单居中：

[type=file] {
  margin: 20px 0;
  margin-left: 200px; /* this is causing you to add 200px of margin  on the left /*
}

如果您不需要它，您可以从样式中删除它，或者使用以下 css 定位移动设备：

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   [type=file] {
     margin: 20px 0;
     margin-left: 0;
   }
}

注意，我还没有测试过那个 css，所以你可能需要稍微修改一下。您可以在此处查看将媒体查询添加到您的 css 样式以针对不同的设备：https ://www.w3schools.com/howto/howto_css_media_query_breakpoints.asp

推荐阅读