html - Bootstrap 中的居中和垂直对齐输入字段

Question

我有一组输入字段:

    <p>
        <input type="image" src="images/text_to_speech.svg" alt="Speak This" width="48" height="48" id="say_button"></input>

        <input type="text" value="" class="input-lg" id="say_utterance" placeholder="Enter text to speak..."></input>

        <span id="say_remaining"></span>
    </p>

它不是垂直对齐的。如何解决这个问题？

Answer 1

对于您提供的最少代码，实际上是您的图像导致了问题。添加 vertical-align:middle; 到它，其余的将居中。 Demo .