如何调整元素大小而不修改其内容。 CSS

Question

我在项目中包含了一个包含按钮设计的新CSS库。 我想改变这个按钮的高度：

但是当我使用高css属性时，会发生以下情况：

线高度后：

代码：

<button class="btn btn-4 btn-4c icon-arrow-right" ><label>button</label></button>

来源：source

你如何调整大小？

感谢您的帮助！

Answer 1

尝试使用line-height属性

例如：line-height: 0.5

<button class="btn btn-4 btn-4c icon-arrow-right" style="line-height:5" ><label>button</label></button>

也可以在此课程中调整行高。

.btn-4:before {
position: absolute;
height: 100%;
font-size: 125%;
line-height: 6.5; //Adjust this
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;

}

Answer 2

这是动画版:) https://jsfiddle.net/ahe128/evedzdbk/1/ 您的请求是以下样式代码:)

[NSDictionary]

我希望这对你有用：）

Answer 3

我们需要更多详细信息，例如您使用的 CSS 库或所有这些类（btn btn-4 btn-4c icon-arrow-right）的CSS代码，这些类在按钮上用于帮助您。