小编Roy*_*ish的帖子

对齐按钮内的文本和图像

所以我需要创建一个 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)

html css

4
推荐指数
1
解决办法
4673
查看次数

标签 统计

css ×1

html ×1