el-input和el-button怎样对齐，为什么我的高给的都是一样的，el-button总是差一像素

在Element UI中，`el-input` 和 `el-button` 的默认样式可能会导致垂直对齐上的小差异。通常，为了在同一行对齐这两个组件，你可以考虑以下几个策略：

1. 使用CSS Flexbox布局：将它们放在一个共同的Flex容器里，并设置 `align-items` 属性为 `center`。例如：

.container {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 如果需要按钮在输入框两侧 */
}

2. 设置高度并使用`line-height`：确保两个元素都有相同的 `height` 和 `line-height`。如果两者都是固定高度，可以尝试设置 `line-height` 相同于元素的实际高度。

3. 利用Vue的计算属性：如果你正在使用Vue，可以在计算高度时做一些处理，确保两个元素的高度一致。比如：

<template>
  <div class="container">
    <el-input :style="{ lineHeight: '40px' }"></el-input>
    <el-button style="height: 40px;"></el-button>
  </div>
</template>

<script>
export default {
  computed: {
    buttonHeight() {
      return this.inputHeight; // 假设inputHeight已经存在并且等于input的高度
    }
  },
}
</script>

至于差一像素的问题，可能是由于浏览器的渲染偏差或是字体渲染差异导致的。试着调整边界值或使用绝对单位如`px`而非百分比，有时候可以解决这个问题。