首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在输入字段旁插入图像- HTML?

如何在输入字段旁插入图像- HTML?
EN

Stack Overflow用户
提问于 2018-06-13 03:49:02
回答 1查看 1.8K关注 0票数 1

我正在尝试在输入框旁边插入图像。下面是我正在做的事情:

http://jsfiddle.net/a4aME/2307/

基本上,

代码语言:javascript
复制
.iconCamera {
  background: url('https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg') no-repeat;
  width: 50px;
  height: 50px;
}
代码语言:javascript
复制
<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。对于这个案例需要做些什么有什么建议吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-13 03:52:00

在css规范中使用display: inline-block

http://jsfiddle.net/a4aME/2310/

代码语言:javascript
复制
.iconCamera {
    background: url('https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg') no-repeat;
    width:50px;
    height:50px;
    display: inline-block;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50824806

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档