如何在一行中显示标签，输入和图像？
卫生保健
嗨，在下面的代码中，我想在一行中显示标签，图像和输入内容，因为我使用了内联块，但无法正常工作。现在正在逐一显示。
html
<div class="person_pic">
<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>Please upload your photo</label>
<input type='file' name="image" onchange="readURL(this);" />
<img id="blah" src="#" alt="your image" />
因为您有很大的利润，所以它会显示在新行中。如果扩展页面，它将在同一行上。
删除边距应该可以解决您的问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在一行中设置标签和输入？
- 2
如何在嵌入在div块中的输入标签之后的一行中显示按钮？
- 3
如何在一行中添加到标签和输入（HTML）
- 4
如何在视图中同一行上的输入字段旁边显示图像？
- 5
如何在同一行上对齐div输入标签和按钮
- 6
如何在 HTML 的同一行上输入和标签？
- 7
如何使带有锚标签的图像显示在一行中？
- 8
如何调整图像的顶部和同一行中的输入？
- 9
如何在Bootstrap的一行上显示输入按钮？
- 10
如何在Bootstrap的一行上显示输入按钮？
- 11
如何在一行中显示两种不同形式的输入按钮
- 12
如何在 xamarin 的每一行中显示单个图像
- 13
React Native Android：如何在一行中显示图像和文本？
- 14
如何使用CSS在一行中显示按钮和图像
- 15
如何使图像显示在面板的左侧（在同一行中）
- 16
如何在Haskell的一行中输入多个值
- 17
如何在Haskell的一行中输入多个值
- 18
如何在for中的一行内输入if elsif
- 19
使用引导程序为什么这些标签和输入控件不显示在同一行
- 20
如何在一行中对齐图像
- 21
Flutter-如何在一行中显示文本和图标？
- 22
如何在一行显示中组合文本和字段值
- 23
如何在MVC视图的同一行中显示@HTML htmlhelper和@using？
- 24
如何在输入标签中插入图像
- 25
如何在第一行和第二行客户显示栏中显示文本
- 26
如何在TMemo中突出显示一行？
- 27
如何在一行中显示div元素
- 28
如何在一行中显示所有组合？
- 29
如何在一行中显示SQL查询结果？
我来说两句