徽标滑块内的垂直对齐

Question

我正在处理一个网站：http://new.a1asolar.com/ 在页脚中为所有徽标使用插件，我想将它们垂直对齐到中间，但不知道该怎么做。

我很抱歉，但我本身不是编码员。我只是调整以获得我想要的结果。这是插件的 CSS：

#tchsp { height: 1%; overflow:hidden; position: relative; padding: 0 50px 10px;   }
#tchsp .viewport { height: ".$gal_height1."px; overflow: hidden; position: relative; }
#tchsp .buttons { background: #C01313; border-radius: 35px; display: block; position: absolute;
top: 40%; left: 0; width: 35px; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px; }
#tchsp .next { right: 0; left: auto;top: 40%; }
#tchsp .buttons:hover{ color: #C01313;background: #fff; }
#tchsp .disable { visibility: hidden; }
#tchsp .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: ".$gal_width1."px; left: 0 top: 0; }
#tchsp .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: ".$gal_height."px; border: 1px solid #dcdcdc; width: ".$gal_width."px;}

---

所以我用这个删除了边框：

div#tchsp li {border: 0px !important;}

但我不清楚代码建议的目标标签是什么。?

Answer 1

您可以尝试在 #tchsp .overview li 的 css 中添加 3 行，如图所示

display: flex;
flex-direction: row;
align-items:center;

flex-direction: row 在这里是可选的（默认值）。