html - 对齐图例标签内的两个元素

标签 html css

如何将图片与文字对齐?

Screenshot

<fieldset>
  <legend>
    <img src="http://www.placehold.it/50" width="50" height="50" />
    <label id="dettagli_ordine">Dettagli Ordine N° ${numero_ordine}</label>
  </legend>
</fieldset>

最佳答案

您可以使用 vertical-align: middle 来显示元素:

legend img {
  vertical-align: middle;
}
<fieldset>
  <legend>
    <img src="resources/images/pacco.gif" width="50" height="50" />
    <label id="dettagli_ordine">Dettagli Ordine N° ${numero_ordine}</label>
  </legend>
  </fiedset>

关于html - 对齐图例标签内的两个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27345989/

相关文章:

javascript - 使用 JavaScript/CSS3 制作横幅广告的汽车行驶动画

css - 如何使 CSS 边框图像工作

css - 我无法在 c9.io 编辑器中使用 font-size 属性更改 h1 的大小

html - 将表单元素放入 DIV 的目的是什么?

javascript - 为什么浏览器/客户端图像调整大小会对性能造成如此大的影响?

javascript - 如何制作即使在 iPhone Safari 中也能正常工作的完全响应式背景图片?

jquery - 如何使用 jquery 将同时的 html pre 标签组合成一个 pre 标签?

.net - 函数内的 jQuery Overlay

javascript - 如何调用 range::-webkit-slider-runnable-track?

html - 内部 div 弹出布局