在jsp中对齐img和输入

格林戈多

我的mvc应用程序中有一个带有的页面<form:form>在表格末尾,我有2个“按钮”。一个是调用javascript函数的图像,另一个是用于将控制权提交回控制器的输入。

<img alt="back" src="Back.png" class="mousechange" onclick="div_hideshow ('#tab5', '#tab4' )">
<input type="image" id="submit" name="submit" src="tick.jpg" />

它们未对齐,输入项比img高20个奇数像素。谁能告诉我一种简单的方法来对齐2个按钮?

保罗·雷德蒙德

添加以下样式:

img, input{
  display: inline-block;
  vertical-align: middle;
}

最好给它们分配类,而不是使用这些广泛的元素选择器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

对齐嵌套元素中的标签和输入

来自分类Dev

在一行中对齐hr标签和img标签

来自分类Dev

使 img 和 input 正确对齐并在 html 中向右浮动

来自分类Dev

输入法和按钮在Safari中不对齐

来自分类Dev

Div和Safari中的输入未正确对齐

来自分类Dev

对齐标签和输入的组

来自分类Dev

文字输入和按钮对齐

来自分类Dev

将img和ul列表对齐

来自分类Dev

对齐 mat-icon 和 img

来自分类Dev

在同一行中<img>和居中对齐的<span>不起作用

来自分类Dev

如何在导航栏中对齐 h4 和 img 元素?

来自分类Dev

浮动对齐与 JSP 和 CSS 文件

来自分类Dev

在CSS中对齐文本输入

来自分类Dev

在div中垂直对齐img?

来自分类Dev

将<img>标签与表格中的文本对齐

来自分类Dev

在div中垂直对齐img?

来自分类Dev

如何对齐我的标签和输入字段

来自分类Dev

如何正确对齐跨度和输入元素?

来自分类Dev

CSS和标签输入对齐方式与表格

来自分类Dev

引导程序输入组和按钮对齐

来自分类Dev

Twitter提前输入和按钮对齐

来自分类Dev

对齐右输入和左标签

来自分类Dev

div和输入之间的垂直对齐

来自分类Dev

如何对齐我的标签和输入字段

来自分类Dev

Twitter提前输入和按钮对齐

来自分类Dev

rangeSelector 输入和导出按钮未对齐

来自分类Dev

引导程序中锚点和输入组的垂直对齐

来自分类Dev

将输入元素和标签对齐到两个单独的列中

来自分类Dev

将输入元素和标签对齐到两个单独的列中