HTML中span标签使⽤详解含多种实例（转）
在⽹站制作中，span标签应该是⽤得⾮常多的了。
那么HTML中的span标签究竟有什么⽤途呢？
它其实就是⽤来组合⽂档中的⾏内元素，也就是将内容放在span标签之中。
span标签居中
<span >中国国旅</span>
居中我们使⽤“text-align:center”，但是⼀定要结合display来使⽤才⾏，可以是block，也可以是inline-block。
⽽且如果不设置dislpay，就算给span设置了width也不会有效果。
span标签隐藏
<span >css教程</span>
如果要将span标签隐藏，给其加上display:none即可。
span标签间距
如果是设置span内容的⾏间距，直接使⽤line-height即可，如下实例：
<span >
css教程<br />
php教程<br />
html教程
</span>
如果是设置多个span标签相互间的间距，则结合margin与display使⽤，如下实例：
<span >css教程</span>
<span >php教程</span>
<span >html教程</span>
span标签⾃动换⾏
⽅法1
<span >span标记有⼀个重要⽽实⽤的特性，即它什么事也不会做，它的唯⼀⽬的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。</span>
⽅法2
<span >span标签是被⽤来组合⽂档中的⾏内元素。span没有固定的格式表现。当对它应⽤样式时，它会产⽣视觉上的变化。</span>
最后说说今天在⽹上看到的⼀个问题，有⼈问“span标签有value属性吗？”
答案是正常情况下没有，但可以⽤其他⽅法实现。
<span class="spanbox">这是⼀个span标签元素</span>
jquery是什么有什么作用以jquery为例，我们获取span标签的内容，是使⽤html()来实现。
<script>
alert($(".spanbox").html());
</script>
但是如果你⾮要让span有value属性，也可以，⾃定义⼀个value属性。
<span class="spanbox" value="aaaaa">这是⼀个span标签元素</span> <script>
alert($(".spanbox").attr("value"));
</script>
在jquery中⽤attr来获取span标签value就⾏。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。