css设置span宽度,设置span的宽高

　　这个问题是关于如何在HTML中设置span标签的宽度。

　　span标签

　　Span表示行中的元素，相当于inline属性。它只会根据元素的宽度自己扩展，自己设置宽度，这是不行的。

　　如果我特别想将span元素设置为width而不设置该元素怎么办？有几种方法可以实现这一点。

　　方式一

　　将span属性设置为span { display:block }；呈现的效果如下：

　　但是这样写不能体现标签span的功能，和div的功能一致，表示块级元素。

　　推荐指数：star2:

　　方式二

　　使用float属性，设置属性为span{float:left}，效果如下：

　　因为float会让这一块内容偏离标准的文档流，设置宽度正好符合我的需求。但是记得最后清除缓存。

　　由于编写的代码量较大，推荐索引为：star2: star2: star2:

　　提示：不知道float属性的同学，请自行百度。

　　方式三

　　使用display:inline-block方法，渲染效果与第二种方法相同。

　　Display有三个常用属性，inline是一个内联元素，类似于span。Block是块级元素，类似于div。Inline-block结合了两者，可以设置自己的宽度，并且不独占一行。

　　代码量小，推荐索引：star2: star2: star2: star2:

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。