【问题标题】:Trouble aligning insert button无法对齐插入按钮
【发布时间】:2020-03-27 19:12:29
【问题描述】:

我正在尝试将按钮置于商店的中心,但不知道该怎么做。

<div class="product-form__item product-form__item--logo">            
   <label for="custom_photo">Upload your photo of pet/s</label>
   <input required id="custom_photo" type="file" name="properties[Logo]" class="product-form__input">           
</div>

【问题讨论】:

  • 欢迎来到 SO!你尝试了什么?你想在哪个位置居中?请向我们展示更多代码以帮助您。

标签: jquery css sass flexbox css-selectors


【解决方案1】:

我不确定我是否正确理解了您的问题,但我认为您愿意在中心勾勒出 div。

您可以通过添加单独的 CSS 文件或将其直接添加到 HTML 元素来实现。在下面的示例中,我们向 HTML div 添加了以下标记:

style="text-algin:center"

例如:

<div class="product-form__item product-form__item--logo" style="text-align:center">            
   <label for="custom_photo">Upload your photo of pet/s</label>
   <input required id="custom_photo" type="file" name="properties[Logo]" class="product-form__input">           
</div>

【讨论】:

  • 我正在将“上传您的宠物照片”的文本居中设置为: style="text- algin:center" 或
  • 应该是 。但我假设你想把它放在一个单独的行上,所以在它之后添加一个
    。让我知道这是否是您要找的东西!
  • 不,那不是这样做的,我在一个液体文件中,我不确定那是不是 css?这就是我现在使用原始帖子imgur.com/a/kZYnQkp 中的文本的结果,该样式只是将其添加到显示的文本中。我只是想移动它的“选择文件”位以使文本居中
猜你喜欢
  • 2017-06-03
  • 2016-03-10
  • 2020-02-26
  • 1970-01-01
  • 1970-01-01
  • 2016-05-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多