html – 将跨度放在div中的特定位置

html – 将跨度放在div中的特定位置,第1张

概述我在div标签中有3个span标签(x,y和z),span z是div中的最后一个span.我希望span z中的文本显示在div的右下角.我怎样才能做到这一点? 我尝试了以下代码,但它不起作用: <span align="right" style="font-size: 0.76em;" >my text here</span> span不是块级元素,所以我认为你不能相对于另一个元素定位它. 使 我在div标签中有3个span标签(x,y和z),span z是div中的最后一个span.我希望span z中的文本显示在div的右下角.我怎样才能做到这一点?

我尝试了以下代码,但它不起作用:

<span align="right"  >my text here</span>
解决方法 span不是块级元素,所以我认为你不能相对于另一个元素定位它.

使用style =“position:absolute; right:0; bottom:0; text-align:right”将其设为div

确保包含div的style =“position:relative;”包含绝对对象.

Jsfiddle:http://jsfiddle.net/gHZqs/

编辑

您可以使用span标记而不是div,正如其他人所说的那样.但是,span标记用于内联内容.如果您使用绝对定位从流中取出内容,那么您应该使用div IMO.如果你在一个框架或某个东西中工作而你需要使用span标记,那么我就不会失去任何睡眠.这是一个类似问题的链接:

SPAN vs DIV (inline-block)

总结

以上是内存溢出为你收集整理的html – 将跨度放在div中的特定位置全部内容,希望文章能够帮你解决html – 将跨度放在div中的特定位置所遇到的程序开发问题。

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

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

原文地址: https://outofmemory.cn/web/1040973.html

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

发表评论

登录后才能评论

评论列表(0条)

保存