在引导程序中使输入字段居中对齐和垂直对齐
ssk
我有一组输入字段：
<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>
它不是垂直对齐的。如何解决这个问题？
史蒂文·B
对于您提供的最少代码，实际上是造成问题的图像。添加vertical-align:middle;到它，其余的将居中。演示。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用引导程序3垂直对齐输入
- 2
引导程序中锚点和输入组的垂直对齐
- 3
引导程序。单列的垂直对齐
- 4
按钮垂直对齐引导程序
- 5
在引导程序中垂直对齐控件
- 6
如何垂直对齐输入字段？
- 7
输入的垂直对齐
- 8
垂直对齐输入？
- 9
div和输入之间的垂直对齐
- 10
引导网格垂直对齐
- 11
垂直对齐的引导卡
- 12
MaterializeCSS：按钮在页脚内不垂直对齐（但输入字段可以垂直对齐）
- 13
在图像顶部垂直对齐中间和居中的文本
- 14
使输入彼此垂直对齐
- 15
使用引导程序根据图像垂直对齐文本
- 16
在引导程序中向右拉后垂直对齐
- 17
引导程序如何使文本在div容器中垂直对齐
- 18
引导程序3中的垂直对齐glyphicon
- 19
在引导程序行中垂直对齐按钮组
- 20
在页面上垂直对齐div（使用引导程序？）
- 21
Twitter引导程序3-垂直对齐列[中间]
- 22
列引导程序中间的垂直对齐按钮
- 23
我如何在引导程序中垂直对齐表单？
- 24
在行引导程序中垂直对齐div
- 25
垂直对齐引导程序列表项
- 26
如何使引导程序按钮与文本连续垂直对齐？
- 27
引导程序3中的垂直对齐glyphicon
- 28
如何使用引导程序垂直对齐到中间？
- 29
在引导程序行之间垂直对齐元素
我来说两句