删除不居中的文本

时间:2017-09-23 13:13:29

标签: css dropify

已将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>

有没有人见过这个?

enter image description here

[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; }

添加一些文本作为更多的细节,因为该死的脚本不会让我添加代码,如果我不。添加一些文本作为更多的细节,因为该死的脚本不会让我添加代码如果我不添加一些文本作为更多的细节,因为该死的脚本不会让我添加代码如果我不添加一些文本作为更多的细节,因为该死的脚本不会让如果我不

,我添加代码

1 个答案:

答案 0 :(得分:3)

修正了它。在JS文件中有打印CSS的选项。由于某种原因,文本在

内,导致它保持对齐。可能是潜在的主题。我删除了

并添加了<:p>

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

现在已经调整好了。