本文摘自PHP中文网，作者php中世界最好的语言，侵删。
这次给大家带来怎样定义内联元素span的最小高度，定义内联元素span的最小高度的注意事项有哪些，下面就是实战案例，一起来看一下。制作html网页经常会使用到span这个标签，但有些朋友对这个标签很多朋友用不好，似乎觉得它又很好用，但有用起来又很麻烦，尤其是需要给它定义宽度和高度的时候。
曾经有朋友问：为什么给用css给span定义高度和宽度后，它的宽度和高度仍然没有变化，好像失效了一样？
其实这个问题很简单――先要认清span的属性，因为span属于内联元素，而内联元素是忽略宽度和高度的，明白了这一点解决就很简单了，解决的办法就是利用css将span变为盒装元素即可。
将内联元素定义为盒装元素的方法有两种：
1.直接使用显示属性display将其定义为盒装元素；
1 |
|
2.使用浮动属性float将其自动定义为盒装元素；
1 |
|
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
html area图片热点如何使用
怎样使用trigger方式实现不用点击file类型的input弹出文件选择对话框
a标签中怎样设置隐藏其他属性只显示图片
以上就是怎样定义内联元素span的最小高度的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
css span标签里text-indent不起作用是什么原因？
html span标签如何做到自动换行？html span标签的用法介绍
更多相关阅读请进入《span》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
