UIButton标签文本垂直对齐的加号（+）和减号（-）问题

Question

我是一名有用的助手，可以为您翻译文本。

我有一个带有标签文本“+”和“-”的圆形按钮。它的垂直对齐不正确。

我已经在做...

button.contentVerticalAlignment = UIControlContentVerticalAlignment.center

请帮忙将其垂直居中对齐到中心。

- j.krissa

---

您可以使用图像插入和标题插入来调整uibutton的大小检查器中的图像大小。 - Devil Decoder

@RahulGUsai 我已经将 titleEdgeInsets 设置为 .zero，但它没有起作用。 - j.krissa

尝试从大小检查器中设置它。 - Devil Decoder

Answer 1

问题的根源在于字符没有垂直对齐。请使用全角加号和全角减号。

以下是这些字符，以便更轻松地复制粘贴：

＋ －

结果:

- Tamás Sengel

Answer 2

在按钮上使用display-flex，并使用line-height的值来垂直定位加号或减号符号。增加line-height值会将符号向下移动，减少line-height值会将符号向上移动。谢谢！

这个答案基于相关CSS属性的实际行为，以实现在增加字体大小（任何程度）的情况下，无论使用什么字体族，都可以在按钮内部垂直对齐减号和加号符号（我没有尝试其他元素，如span或div，但我相信它们的工作方式是相同的，如果不是，请原谅我的猜测）。

用例：有时您想要带有加号或减号符号的更大的按钮。但是按钮的字体大小太小了。当您增加按钮的字体大小时，加号和减号符号无法垂直对齐，就像我的情况一样。这就是我想出以下解决方案的原因。

注意：我找不到其他地方的解决方案，所以最终采用了这个解决方案。如果您对解决方案有任何意见，请随时留下评论：）

/* common style */
button {
   height: 50px;
   width: 200px;
   background: #216AFF;
   color: white;
}

.minus {
  font-size: 70px;
  display: flex;
  justify-content: center;
  line-height: 35px;
}

.plus {
  font-size: 50px;
  display: flex;
  justify-content: center;
  line-height: 45px;
}

<button class="minus">-</button>
<br>
<button class="plus">+</button>

- Dorji Tshering