返回列表 发新帖

定义span的最小高度没有效果的解决方法

365.5k 12
swmozowtfl 发表于 2015-7-12 13:24:41|湖北 | 查看全部 阅读模式
制作html网页经常会使用到span这个标签,但有些朋友对这个标签很多朋友用不好,似乎觉得它又很好用,但有用起来又很麻烦,尤其是需要给它定义宽度和高度的时候。
5 P. F7 m' K) T5 X曾经有朋友问:为什么给用css给span定义高度和宽度后,它的宽度和高度仍然没有变化,好像失效了一样?. t3 S# t) x. ?3 E
其实这个问题很简单——先要认清span的属性,因为span属于内联元素,而内联元素是忽略宽度和高度的,明白了这一点解决就很简单了,解决的办法就是利用css将span变为盒装元素即可。
5 l; y) w6 j4 [0 E0 `: x3 L将内联元素定义为盒装元素的方法有两种:* H+ W! R7 V1 U) B' ]
1.直接使用显示属性display将其定义为盒装元素;( u1 y0 n# _# m: ]5 g0 c
代码如下:
( D1 Y$ k- R! Z/ H  S+ b1 ?
display:block;% y# O9 ?; k6 o7 w3 M
2.使用浮动属性float将其自动定义为盒装元素;6 J' C/ m# V; u; Y
代码如下:6 O5 Q, o- T0 }  N( ?
float:left;8 ?8 Q, J4 W( e% ~/ q/ ?
# T7 t' Y3 ~( O) P2 s& ^0 z
更多网页制作信息请查看: 网页制作

回复|共 12 个

wwdu926a 发表于 2015-12-15 09:58:56|美国 | 查看全部
感觉楼主说的很不错,我也很赞同
mwxny 发表于 2015-12-15 09:59:09|INNA | 查看全部
这话从何说起那~~~
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|Reserved | 查看全部
注:偶是女滴,千真万确,毋庸置疑!
bqtklouu 发表于 2015-12-19 11:20:08|Reserved | 查看全部
本人在此留言均为网络上复制,用于检验本人电脑键盘录入、屏幕显示的机械、光电性能。并不代表本人局部或全部同意、支持或者反对楼主观点。
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|美国 | 查看全部
呵呵 哪天得看看 `~~~~

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表