老师关于伪元素的问题

老师关于伪元素的问题

.screen-2_point:before,

.screen-2_point:after{

content:" ";

display:block;

width:20px;

height:20px;

}


这节课中,伪元素display:block 转块了,但下面还可以设置宽高,我记得只有inline-block才可以设置宽高吧?是因为是伪元素所以可以直接设?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,解答如下:

1、同学理解的不对,块元素会独占一行。如果不配合浮动、定位等属性,那么块元素不能在一行显示。

2、内联块元素可以在一行显示,但是元素之间会有空隙,例如:

http://img1.sycdn.imooc.com//climg/5f8fad840986050b05360455.jpg

效果:

http://img1.sycdn.imooc.com//climg/5f8fada009fe63e704760248.jpg

3、内联块元素,在不设置宽度的情况下,宽度由内容撑开。块元素在不设置宽度的情况下,宽度是整个页面的的宽度。

好帮手慕言 2020-10-21 10:05:14

同学你好,块元素(display:block)和内联块元素(display:inline-block)都是可以设置宽高的,内联元素(display:inline)不能设置宽高,:before和:after是内联元素,不能设置宽高,转换为块元素就可以设置宽高了

  • 提问者 yarwood #1
    那老师块和内联块他的区别在哪里?都是可以并列一排,也可以设置宽高
    2020-10-21 10:08:40
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师