css - Dropify 文本不居中

Question

已将 Dropify 添加到我的站点，但出于某种原因，默认的“将文件拖放到此处或单击”文本未居中？

<div class="dropify-wrapper">
 <div class="dropify-message">
  <span class="file-icon"></span>
  <p>Drag and drop a file here or click</p>
  <p class="dropify-error">Ooops, something wrong appended.</p>
  </div>
  <div class="dropify-loader"></div>
  <div class="dropify-errors-container"><ul></ul></div><input name="ctl00$ContentPlaceHolder1$fuImage" id="ctl00_ContentPlaceHolder1_fuImage" class="dropify" data-max-file-size="1M" data-allowed-file-extensions="jpg jpeg png" type="file"><button type="button" class="dropify-clear">Remove</button><div class="dropify-preview"><span class="dropify-render"></span>
 <div class="dropify-infos"><div class="dropify-infos-inner">
 <p class="dropify-filename"><span class="file-icon"></span> <span class="dropify-filename-inner"></span></p>
 <p class="dropify-infos-message">Drag and drop or click to replace</p></div></div></div></div>

有人见过这个吗？

[class^="dropify-font-"]:before, [class*=" dropify-font-"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before {
  font-family: "dropify";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: .2em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em; }

.dropify-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 200px;
  padding: 5px 10px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial";
  font-size: 14px;
  line-height: 22px;
  color: #777;
  background-color: #FFF;
  background-image: none;
  text-align: center;
  border: 2px solid #E5E5E5;
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear; }

添加一些文本作为更多详细信息，因为如果我不这样做，该死的脚本不会让我添加代码。添加一些文本作为更多细节，因为如果我不这样做，该死的脚本不会让我添加代码 添加一些文本作为更多细节，因为如果我不添加一些文本作为更多细节，那该死的脚本不会让我添加代码，因为该死的脚本不会让如果我不这样做，我添加代码

Answer 1

修复它。在 JS 文件中有打印 CSS 的选项。由于某种原因，文本位于

内，这导致它左对齐。可能是潜在的主题。我删除了

并添加了
:

message:         '<div class="dropify-message"><span class="file-icon" /><br /> {{ default }}</div>'

现在它对齐了。