定义span的最小高度没有效果的解决
程序员文章站
2022-03-31 10:20:16
...
有些朋友对span这个标签表示用不好,尤其是需要给它定义宽度和高度的时候,下面有两个不错的解决方法,大家不妨参考下
制作html网页经常会使用到span这个标签,但有些朋友对这个标签很多朋友用不好,似乎觉得它又很好用,但有用起来又很麻烦,尤其是需要给它定义宽度和高度的时候。
曾经有朋友问:为什么给用css给span定义高度和宽度后,它的宽度和高度仍然没有变化,好像失效了一样?
其实这个问题很简单——先要认清span的属性,因为span属于内联元素,而内联元素是忽略宽度和高度的,明白了这一点解决就很简单了,解决的办法就是利用css将span变为盒装元素即可。
将内联元素定义为盒装元素的方法有两种:
1.直接使用显示属性display将其定义为盒装元素;
曾经有朋友问:为什么给用css给span定义高度和宽度后,它的宽度和高度仍然没有变化,好像失效了一样?
其实这个问题很简单——先要认清span的属性,因为span属于内联元素,而内联元素是忽略宽度和高度的,明白了这一点解决就很简单了,解决的办法就是利用css将span变为盒装元素即可。
将内联元素定义为盒装元素的方法有两种:
1.直接使用显示属性display将其定义为盒装元素;
代码如下:
display:block;
2.使用浮动属性float将其自动定义为盒装元素;
代码如下:
float:left;
更多定义span的最小高度没有效果的解决相关文章请关注PHP中文网!
推荐阅读
-
解决canvas画布使用fillRect()时高度出现双倍效果的问题
-
解决 Flutter showBottomSheet 设置高度没有作用的?
-
关于“NVIC_InitStructure.NVIC_IRQChannel = TIM1_IRQn; /提示T1M1_IRQN,没有定义,”问题的解决。
-
解决:父级元素不能被子元素内容撑开的解决办法,父级元素没有高度的解决办法
-
pr效果控件没有关键帧怎么办? pr效果控件不显示关键的解决办法
-
解决line-height=height元素高度但是文字并没有垂直居中的问题
-
input标签中&:class=”{active=isActive}”的Boolean值没有效果的解决方法。
-
JPA默认值设置没有效果的解决
-
高度为0的块级元素的下外边距为什么没有效果?_html/css_WEB-ITnose
-
解决canvas画布使用fillRect()时高度出现双倍效果的问题