CCS如何实现input和img水平对齐的方法

回到家里,妈妈满脸期待的说: "照片呢? "我说: "包里。 "妈妈打开包,拿出照相机,说: "夕阳这么美啊!看来下次我也要去。 "我说: "也行,只要您不怕冷。 "看到妈妈脸气的那么红,我和爸爸都笑了。

在网页制作中,常将 input 和 img 放在同一行,img标签总是比input高出一个头,非常难看。

CCS实现input和img水平对齐的方法

同时给input和img添加vertical-align:middle就行了,

复制代码
代码如下:

<input id="qq" name="qq" style="width:100px;vertical-align:middle" disabled="disabled" value="<%=user.getQq() %>"></input>
<img border="0" alt="点击这里给我发消息" title="点击这里给我发消息" style="vertical-align:middle"/>

到此这篇关于CCS如何实现input和img水平对齐的方法就介绍到这了。我坚信,人应该有力量,揪着自己的头发把自己从泥地里拔起来。更多相关CCS如何实现input和img水平对齐的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例