关灯
开启左侧

[网页制作] 定义span的最小高度没有效果的解决方法

[复制链接]
swmozowtfl 发表于 2015-7-12 13:24:41 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
制作html网页经常会使用到span这个标签,但有些朋友对这个标签很多朋友用不好,似乎觉得它又很好用,但有用起来又很麻烦,尤其是需要给它定义宽度和高度的时候。
曾经有朋友问:为什么给用css给span定义高度和宽度后,它的宽度和高度仍然没有变化,好像失效了一样?
其实这个问题很简单——先要认清span的属性,因为span属于内联元素,而内联元素是忽略宽度和高度的,明白了这一点解决就很简单了,解决的办法就是利用css将span变为盒装元素即可。
将内联元素定义为盒装元素的方法有两种:
1.直接使用显示属性display将其定义为盒装元素;
代码如下:
display:block;
2.使用浮动属性float将其自动定义为盒装元素;
代码如下:
float:left;

更多网页制作信息请查看: 网页制作
 

精彩评论12

正序浏览
wwdu926a 发表于 2015-12-15 09:58:56 | 显示全部楼层
 
感觉楼主说的很不错,我也很赞同
 
mwxny 发表于 2015-12-15 09:59:09 | 显示全部楼层
 
这话从何说起那~~~
 
gevaemaidovef 发表于 2015-12-15 09:59:37 | 显示全部楼层
 
晕 在我帖里面找偶像啊??
 
wwdu926a 发表于 2015-12-15 09:59:45 | 显示全部楼层
 
此贴有意思~
 
buingeEvineus 发表于 2015-12-15 09:59:59 | 显示全部楼层
 
我刚来~~~嘿嘿~~此声明最终解释权归本人所有。
 
GoodyFouppy 发表于 2015-12-19 11:19:48 | 显示全部楼层
 
注:偶是女滴,千真万确,毋庸置疑!
 
bqtklouu 发表于 2015-12-19 11:20:08 | 显示全部楼层
 
本人在此留言均为网络上复制,用于检验本人电脑键盘录入、屏幕显示的机械、光电性能。并不代表本人局部或全部同意、支持或者反对楼主观点。
 
tohme 发表于 2015-12-19 11:20:26 | 显示全部楼层
 
假如我们把自己力所能及的事都完成了,我们会真的令自己大吃一惊。
 
GoodyFouppy 发表于 2015-12-19 11:20:43 | 显示全部楼层
 
系统居然怀疑我灌水,我身边又没有水龙头。哦…明白了,身上有一个……
 
alapScady 发表于 2017-4-11 10:31:25 | 显示全部楼层
 
我也不知道了~~你把我问蒙了 呵呵
 
effoggikeftor 发表于 2017-4-11 10:36:03 | 显示全部楼层
 
你可是难得来坐坐啊~~~
 
GoodyFouppy 发表于 2017-4-11 10:37:33 | 显示全部楼层
 
呵呵 哪天得看看 `~~~~
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

1粉丝

2503帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )