如何调整 input 框中文字的位置 - 前端开发技巧

可以通过 CSS 中的 'text-align' 属性来控制文字在 input 框中的位置。常用的属性值有 'left'（左对齐）、'center'（居中对齐）和 'right'（右对齐）。例如，要让 input 框中的文字居中对齐，可以使用以下代码：

input {
  text-align: center;
}

此外，还可以通过 JavaScript 来动态修改 input 框中的文字位置。例如，要让文本框中的文字垂直居中，可以使用以下代码：

var input = document.querySelector('input');
var lineHeight = parseInt(getComputedStyle(input).lineHeight);
var paddingTop = parseInt(getComputedStyle(input).paddingTop);
input.style.paddingTop = (lineHeight - input.offsetHeight + paddingTop) / 2 + 'px';

这里的关键是通过计算文本框的行高和内边距来确定文字的垂直位置。