当我尝试在按钮标签中使用img标签时,按钮对齐被破坏

<div class="con"><button>A</button><button>B</button><button>C</button><button><img src="http://i.imgur.com/Cyhm06w.gif"></button><button>E</button></div>

http://jsfiddle.net/tzawojdj/2/ ,当我将按钮标签留空时,事情甚至是值得的。http://jsfiddle.net/tzawojdj/3/

是什么原因导致这种行为?

#1楼 票数:1

添加vertical-align:bottom; 您的button样式

  ask by Slev7n translate from so

未解决问题?本站智能推荐:

3回复

如何将这些按钮对齐? [重复]

这个问题在这里已有答案: 将内联块DIV与容器元素 4答案的 顶部对齐 为什么这个内联块元素被推下? 8个答案 https://jsfiddle.net/2L9mznzu/ 有两个空文本按钮,如何将它们对齐成一行? .button
2回复

引导输入与按钮对齐

我试图在同一行上:文本,搜索框和按钮“查找”,但是下面的代码似乎不起作用,因为我得到的是:文本“ Map for network ...”与输入框对齐而“查找”按钮位于输入框下方。 有什么建议吗?
3回复

html css按钮水平对齐

我在HTML / CSS中对齐按钮时遇到问题。 我在这里创建了一个小提琴: https : //jsfiddle.net/wkt4tdL3/1/ 这是我的HTML: 这是我的CSS: 我希望按钮位于彼此的正下方。 但是,正如您应该能够在小提琴中看到的那样,第二个按钮
3回复

在div内水平对齐按钮

.button { display:block; text-align:center; margin: auto; padding-bottom: inherit; vertical-align: top; } .input-div { vertical-align: top; }
1回复

对齐搜索表单按钮

我知道很多其他人都遇到了这个问题,我已经梳理了这个网站和其他人,并尝试了许多修复程序,这些对其他人有所帮助,而我却无所适从。 这是我的问题: 我需要将搜索按钮向下移动约2像素,以使其与输入框居中。 但是,每次我尝试调整填充或添加边距或其他任何内容时,输入框和按钮都会受到影响。 我
2回复

在按钮内对齐文本/图标

我在Web上以及从SO上尝试了许多不同的方法,再次似乎无法使它正常工作。 第一次,我一直在改变/样式我的按钮,他们让我发疯! 因此,我现在的左浮动按钮与右浮动按钮在同一行上。 我想看看是否可以在左侧按钮的文本左侧和右侧按钮的文本右侧添加图标。 像这样: <-最后一页/////
2回复

如何在中间对齐几个按钮?

好吧,我对此很菜鸟,请耐心等待。 我正在尝试将导航按钮对准中心。 也就是说,无论您的窗口有多宽,它们大部分都将停留在中间。 现在,它们都向左对齐。 我有一个按钮1,一个按钮2,一个按钮3和一个按钮4。 它们彼此完美对齐; 我只需要弄清楚如何使它们全部移到中心即可。 抱歉,在其
1回复

如何对齐几行带有不同文本的按钮?

我正在尝试重新创建Microsoft Windows 10计算器(签出以供参考)。 由于按钮包含不同的字母和符号,因此无法对齐所有按钮。 我希望所有按钮的大小都完全相同,并且彼此相邻,并且它们之间没有空格。 另外,在发布此消息时,我注意到我的显示更加突出于右侧。 有解决的主意吗?