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

html – 对齐图例标记内的两个元素,第1张

概述如何将图像与文本对齐? <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 – 对齐图例标记内的两个元素所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1082785.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存