Question

我有一个按钮，其值设置为“ *”。

<button class="testButton" value="*">*</button>

我需要在中间垂直对齐其值。

我尝试了以下操作，但不起作用：

.testButton {
  display: inline-flex;
  align-items: center; 
}

填充是有效的，但是我认为这不是最佳实践。

我已经回顾了其他问题，毫无头绪。

Answer 1

它居中。问题来自字符星号。使用除“ *”以外的其他内容。例如，您将对“ *”有同样的问题。

button {
  font: monospace;
  height: 100px;
}

<button type="button">*</button>
<button type="button">∗</button>
<button type="button">★</button>

Answer 2

实际上，您的“ *”已经集中。该字符尤其比其他字符略高。它还取决于import matplotlib #Use the line below to set a backend for matplotib matplotlib.use('TkAgg') from PIL import Image from pylab import * im = array(Image.open('empire.jpg')) imshow(im) print ('Please click 3 points') x = ginput(3) print ('you clicked:',x) show()。您可以通过在上面添加一些常规文本来证明这一点。您可以添加一些font-family来修复此视觉细节。另外，我指示您在按钮上添加一些padding-top以改善其外观。

在中间垂直对齐按钮值

2 个答案: