如何使同一行中每一列的所有对齐按钮?

时间:2018-07-25 04:14:20

标签: css wordpress

我被困在一个CSS位置,如何使同一行中每一列的所有对齐按钮?我正在使用wordpress插件,并尝试使用CSS选择类名,但是为所有按钮指定了类名,请有人帮帮我。.Here is my web screenshot

4 个答案:

答案 0 :(得分:0)

Without seeing the code this is a bit difficult to answer, but I would take a look at setting min-height for the description above the buttons. Then it would at least push all the buttons to be aligned in a row. You would have to go even further setting some media queries to improve this styling when it comes to mobile.

答案 1 :(得分:0)

Either you need to set height of Text container

max-height: 100px; //as your requirement

or set button wrapper style property

bottom:0px;

答案 2 :(得分:0)

在产品卡中按钮上方的上方为产品文本内容设置min-height值。

答案 3 :(得分:0)

尝试

CSS

.vc_gitem_row .vc_gitem-col {
  padding: 10px;
  min-height: 300px;
}


.vc_btn3-container.vc_btn3-left {
  bottom: 0;
  position: absolute;
  text-align: left;
}

注意:您应该确定此更改的范围,以免影响网站的其他部分