【问题标题】:Buttons on the same row - Css/Html同一行上的按钮 - Css/Html
【发布时间】:2017-08-24 10:38:03
【问题描述】:

我正在尝试将所有按钮放在同一高度。为不同的类尝试了不同的最小高度选项,但不知道如何实际修复它。这是每个产品下的红色按钮。您能建议我如何修复它吗?

【问题讨论】:

  • 请阅读Something on my web site doesn't work. Can I just paste a link to it?。当外部资源消失或固定时,依赖于外部资源来理解的问题变得毫无用处。创建一个minimal reproducible example 并将其放在问题本身中。
  • 可能是按钮上方的 DIV 将它们向下推?如果所有按钮都在一个 div 中,您可以尝试在 css 中显示:内联。我看不到代码,但我建议将所有按钮添加到具有 display: flex; 的容器 div 中。对齐项目:中间;等
  • +1 on @Quentin,无论如何你可以尝试使用均衡列高(通过javascript或bootstrap),然后定位absolutebottom:0px按钮,具有适当的边距和水平对齐。

标签: html css wordpress


【解决方案1】:
ul.products li.product h3 {
font-size: 1.1em;
min-height: 53px;

}

【讨论】:

    猜你喜欢
    • 2016-08-11
    • 2011-05-07
    • 1970-01-01
    • 1970-01-01
    • 2023-04-08
    • 1970-01-01
    • 1970-01-01
    • 2020-09-20
    • 2019-11-06
    相关资源
    最近更新 更多