老师关于伪元素的问题

首页课程实战体系课手记专栏慕课教程

老师关于伪元素的问题

来源：4-6 扩展-循环动画

yarwood

2020-10-20 20:54:34

.screen-2_point:before,

.screen-2_point:after{

content:" ";

display:block;

width:20px;

height:20px;

}

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

写回答

2回答

好帮手慕言

2020-10-21

已采纳

同学你好，解答如下：

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

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

效果：

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

好帮手慕言

2020-10-21

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

harwood

h 那老师块和内联块他的区别在哪里？都是可以并列一排，也可以设置宽高

h020-10-21

共1条回复

0 学习 · 40143 问题

相似问题

回答 1

回答 1

回答 2

回答 1

回答 1