如何在输入字段旁插入图像- HTML？
如何在输入字段旁插入图像- HTML？
提问于 2018-06-13 03:49:02
我正在尝试在输入框旁边插入图像。下面是我正在做的事情：
http://jsfiddle.net/a4aME/2307/
基本上，
.iconCamera {
background: url('https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg') no-repeat;
width: 50px;
height: 50px;
}<div class="A" style="display:inline-block">
<div>
<input type="text" placeholder="Product Key">
<div class="iconCamera"></div>
</div>
</div>
因为我已经给出了inline-block，所以这两个组件应该显示为side by side - in one line，对吗？
但目前有一个比另一个更低的stacked。对于这个案例需要做些什么有什么建议吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-13 03:52:00
在css规范中使用display: inline-block。
http://jsfiddle.net/a4aME/2310/
.iconCamera {
background: url('https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg') no-repeat;
width:50px;
height:50px;
display: inline-block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50824806
复制相关文章
相似问题
腾讯云开发者
