html – 如何在一行中显示标签,输入和图像？

概述嗨,在下面的代码中,我想在一行中显示标签,图像和输入,因为我使用的是内联块,但它不起作用.现在它逐一显示. HTML <div class="person_pic"> <label>Please upload your photo</label> <input type='file' name="image" onchange="readURL(this);" /> <i 嗨,在下面的代码中,我想在一行中显示标签,图像和输入,因为我使用的是内联块,但它不起作用.现在它逐一显示.

HTML

<div >    <label>Please upload your photo</label>    <input  type='file' name="image" onchange="readURL(this);" />    <img ID="blah" src="#" alt="your image" />    </div>

CSS

.person_pic { margin-left: 201px;display: inline-block;Font-weight:bold;}.person_pic label{Font-weight:bold;}

解决方法 嗯,实际上,img,label和input默认是并排放置的.

Jfiddle

<label>Please upload your photo</label><input  type='file' name="image" onchange="readURL(this);" /><img ID="blah" src="#" alt="your image" />

它显示在一个新行中,因为您有很大的余量.如果您扩展页面,它将在同一行.

删除保证金应该可以解决您的问题.

总结

以上是内存溢出为你收集整理的html – 如何在一行中显示标签,输入和图像？全部内容，希望文章能够帮你解决html – 如何在一行中显示标签,输入和图像？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。