UIButton 标签文本垂直对齐方式为加号 (+) 和减号 (-)

Question

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

我已经在做了

button.contentVerticalAlignment = UIControlContentVerticalAlignment.center

请帮助将其居中对齐（垂直）。

Answer 1

问题的根本原因是字符没有垂直对齐。请改用 fullwidth plus sign and a fullwidth hyphen-minus。

以下是更简单的字符 copy-pasting:

＋ －

结果：

Answer 2

在按钮上使用 display-flex 并使用 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>

UIButton 标签文本垂直对齐方式为加号 (+) 和减号 (-)

UIButton label text vertical alignment for plus (+) and minus (-)

vertical-alignment

uibutton

swift

结果：