如何理解csshtmlspan块状不换行问题
这篇文章主要讲解了“如何理解css html span块状不换行问题”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何理解css html span块状不换行问题”吧!
成都创新互联长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为大宁企业提供专业的成都网站建设、网站设计,大宁网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。
span标记的样式设定width属性,会发现不会产生效果。
如果设置display:block,width属性生效,但是此时的span跟div一样了。
如果设置display:inline-block,则span并列在同行,而且width属性生效。
元素display属性的常见值说明:
block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。
inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
例如:
代码如下:
这是测试
感谢各位的阅读,以上就是“如何理解css html span块状不换行问题”的内容了,经过本文的学习后,相信大家对如何理解css html span块状不换行问题这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
文章名称:如何理解csshtmlspan块状不换行问题
浏览地址:http://pwwzsj.com/article/jhdepi.html