代码之家 › 专栏 › 技术社区 › Stefan Kendall

用输入使图像居中?

html vertical-alignment css

Stefan Kendall · 技术社区 · 14 年前

<span class="my-span">
  <input type="text" .../><a href="..."><img .../></a>
</span>

3 回复 | 直到 14 年前

Pat 14 年前

将垂直对齐设置为 <img> 应该让你经商:

<span class="my-span">
    <input type="text" .../><a href="..."><img ... style="vertical-align: middle"/></a>
</span>

你可以看到 in action here

Dexter Huinda 12 年前

img { vertical-align: middle; display: table-cell; }

在输入元素中,添加

input { float: left; }

AlexP 12 年前

在输入和img元素上设置垂直对齐对我很有用:

<span class="my-span">
   <input type="text" style="vertical-align: middle" /><a href="..." ><img style="vertical-align: middle" ... /></a>
</span>

推荐文章

William Entriken · 排列不同尺寸的徽章

7 年前

user438461 · 在我的WPF选项卡项中设置VerticalContentAlignment会更改选项卡中的文本和选项卡中包含的控件

7 年前

SmallSani · 当更改内容时,如何在页面上垂直居中放置div?

7 年前

Benji · -webkit背景剪辑:文本和垂直居中文本

7 年前

Travis Martin · flexbox布局中的垂直文本

7 年前

Mike Waldrup · 弹性物品被撞倒,正好是前一件物品的一半高度

7 年前

karlo1zg · 垂直对齐输入元素中间的浮动标签

7 年前

Ahmed Elashker · Xamarin在平台垂直选项上形成XAML

7 年前

coreysimons · 动态布局中的图像对齐

7 年前

Théo Clayette · 设置垂直Android工具栏

7 年前