当前位置:  开发笔记 > 编程语言 > 正文

<span>标记的CSS宽度

如何解决《<span>标记的CSS宽度》经验,为你挑选了3个好方法。

在模块标题中使用标签,例如

Categories.

我在css中指定了span的背景颜色/图像,宽度和高度.

但跨度的宽度取决于其内容/文本.

所以,如果我这样做,只用css中的背景图像/颜色,就不会出现任何内容.

当然,我想要出现一些东西.

我该如何解决这个问题?



1> cobbal..:

spans默认为内联样式,您无法指定其宽度.

display: inline-block;

这将是一个好方法,除了IE不支持它

但是,您可以破解多种浏览器解决方案


是的,IE确实支持内联块.它的支持略有不同,但在这种情况下它会起作用.
我认为至少从版本6开始,IE支持内联块.我认为它只支持内联块,如果它应用的元素是自然内联的(是).

2> Chris Fulsto..:

您可以将display属性显式设置为"block",因此它的行为类似于块级元素,但在这种情况下,您应该只使用div.



在段落中使用DIV,如果您关心它,标题(h1,h2等)将会破坏验证.另一种可能的解决方案是使用span,display:block; 和浮动:左; :)
最好使用“ inline-block”而不是“ block”

3> cletus..:

您不能使用内联显示指定元素的宽度。您可以在其中放置一些内容,例如不间断的空格(),然后设置填充使其具有更大的宽度,但您无法直接控制它。

您可以使用display inline-block,但是不被广泛支持。

真正的技巧是将图像放入内部,然后设置其宽度。有点像透明的1像素GIF。但是,不建议使用此方法。

推荐阅读
臭小子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有