【问题标题】:How to make all fields the same height in Contact Form 7? [closed]如何使联系表 7 中的所有字段高度相同? [关闭]
【发布时间】:2017-02-20 07:29:40
【问题描述】:

我想在我的 2 个个人网站上制作相同的联系表,我从 first site 复制相同的联系表并粘贴到 second site,但联系表看起来有点破烂。如何使两个站点上的字段高度相同?

【问题讨论】:

  • 您的表单在两个页面上是完全一样的。请更新您的问题,使其在minimal, complete, and verifiable example 中显示所有相关代码。还请务必让我们知道您迄今为止为解决问题所做的尝试。如需更多信息,请参阅help article,了解如何提出好的问题。
  • 例如,我刚刚添加了这个 CSS:body .twenty-fifteen-pattern p { padding-bottom:10px; } 并在字段之间添加了间距。如何自定义和第一个站点一样的高度?

标签: css wordpress contact contact-form-7


【解决方案1】:

您可以将display: flex 用于form。还有很多其他的属性可以用来实现你想要的。比如justify-content: center和flex-wrap: wrap给家长,flex: 1给孩子。

凭借其广泛的浏览器支持,我建议您看看这篇关于 CSS Flexbox 的可视化文章:https://css-tricks.com/snippets/css/a-guide-to-flexbox/

【讨论】:

    猜你喜欢
    • 2017-04-26
    • 2017-08-15
    • 2016-08-20
    • 1970-01-01
    • 2011-05-27
    • 2021-03-01
    • 2017-12-19
    • 2016-10-29
    • 2017-04-17
    相关资源
    最近更新 更多