所以我需要创建一个 LIKE 按钮。但我不能让我的文本和图像按中间中心对齐。+这个 % 的响应性让我发疯。
也许我做的事情太难了,有人可以更轻松地重写并向我解释。但我希望按钮以 % 的响应进行缩放。
.kom_augsha .treshais{
width:15%;
float:right;
}
.reitings{
display:table;
width: 100%;
border: 1px solid #e9e9e9;
}
.rate {
display: table-cell;
text-align: center;
vertical-align:middle;
line-height: 1.5em;
}
.plus {
background: white;
color: green;
}
.minus{
background: white;
color: red;
border-left: 1px solid #e9e9e9;
padding-left:10px;
text-align:center;
}Run Code Online (Sandbox Code Playgroud)
<div class="treshais">
<div class="reitings">
<div class="rate plus"><img src="plus.jpg"/>83</div>
<div class="rate minus"><img src="minus.jpg"/>9</div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)