今天我来捣鼓一下这个span标签。之前我大概知道有这么个东西，但是一直没上手用过。听说它跟div有点像，但又不完全一样，所以今天我就来好好研究研究。
我先是上网查查资料，大概意思是说，div是个块级元素，说白就是自己要占一行的那种；span是行内元素，就是说可以跟别的内容挤在一行里。
实践出真知，我决定上手试试。
我先在编辑器里敲几个div，里面随便放点文字。果然，每个div都自己占一行，老老实实地排在那里。
然后，我又试试span，也在里面放点文字。这回不一样，几个span乖乖地挤在一行里，谁也不多占地方。
我又试着在div里面放span，或者在span里面放div，看看会发生什么。
- div里面放span：没问题，span还是乖乖地待在div里面，老老实实地排成一行。
- span里面放div：这个就有点意思。虽然理论上不推荐这么干，但我还是试。结果就是，span直接被div给撑开，div还是独占一行，span也跟着换行。
我还发现，直接给span设置宽高是没用的，这家伙根本不听你的。但是，如果把span变成块级元素或者行内块级元素，就可以设置宽高。
div和span都是用来装东西的容器，但是div自己占一行，span可以跟别人挤在一行。一般情况下，我们用div来搭建网页的大框架，用span来处理一些细节的文字内容。这也不是绝对的，具体怎么用还得看实际情况。
这回的实践让我对span标签有更深的理解，以后在写页面的时候，就能更灵活地运用它！
免责声明：由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权，根据《信息网络传播权保护条例》，如我们转载的作品侵犯了您的权利,请您通知我们，请将本侵权页面网址发送邮件到qingge@88.com，深感抱歉，我们会做删除处理。