html – 对齐图例标记内的两个元素

概述如何将图像与文本对齐？ <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 如何将图像与文本对齐？

<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>

解决方法@H_301_16@ 使用CSS背景来装饰图像

理想情况下,您可以在CSS中使用图例元素的背景图像. CSS背景应该用于显示装饰图像.

旁白：标签元素不应放在图例中,因为图例为整个字段集内容提供了标题,标签用于输入标签.

传奇造型提示：< legend>元素可能非常难以风格,尤其是跨浏览器.通过使用< span>可以获得额外的控制.在里面,并将样式应用于此.

例：

<legend><span>I am a legend... text</span></legend>

让我们用背景图片来做这件事

工作实例

为图例指定高度,并根据需要使用填充和线高移动文本：

legend {  background: url(http://www.placehold.it/50) no-repeat;  height: 50px;  line-height: 50px;  padding: 0 0 0 60px;}

<fIEldset>  <legend>    Dettagli Ordine N° ${numero_ordine}  </legend></fIEldset>

总结

以上是内存溢出为你收集整理的html – 对齐图例标记内的两个元素全部内容，希望文章能够帮你解决html – 对齐图例标记内的两个元素所遇到的程序开发问题。

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