我正在尝试在输入框旁边插入图像。下面是我正在做的事情:
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
。对于这个案例需要做些什么有什么建议吗?
发布于 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;
}
https://stackoverflow.com/questions/50824806
复制相似问题