span标记的样式设置width属性的方法

来源:爱站网时间:2020-06-03编辑:网友分享
大家在使用HTML的时候都会好奇直接给span标记的样式设定width属性的时候都会发现这样不好产生效果,那么就会有疑问span标记的样式要怎么设置width属性呢?下面我们就去看看span标记的样式设置width属性的方法。

  大家在使用HTML的时候都会好奇直接给span标记的样式设定width属性的时候都会发现这样不好产生效果,那么就会有疑问span标记的样式要怎么设置width属性呢?下面我们就去看看span标记的样式设置width属性的方法。

  如果设置display:block,width属性生效,但是此时的span跟div一样了。

  如果设置display:inline-block,则span并列在同行,而且width属性生效。

  元素display属性的常见值说明:

  1)block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。

  2)inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。

  3)inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。

  4)non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。

  以上内容就是小编介绍span标记的样式设置width属性的方法,看完后相信大家都知道span标记的样式怎么设置width属性了,其实也没有我们想象中的那么困难,对吧。

上一篇:提高网站的访问速度的技巧

下一篇:网站不允许直接复制页面内容怎么办

您可能感兴趣的文章

相关阅读

查看更多 >