三角为什么设置display block

三角为什么设置display block

/* 三角形 */

.pic-word .content::before {

  content: "";

  display: block;

  width:0;

  height: 0;

  border: 20px solid transparent;

  position:absolute;

  top:50%;

  margin-top: -20px;

}

 老师你好,以上是下载的资料里i的,这里为什么设置display block呢,我看不设置也能有对的效果

正在回答 回答被采纳积分+1

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

1回答
好帮手慕慕子 2022-03-28 16:01:25

同学你好,由于元素设置了position:absolute;属性后,display属性值默认为block,所以这里不写display:block;也可以的,资料中可能是忽略了这一点,同学自己练习时,可以不设置。祝学习愉快~

  • 提问者 长袖泡面头 #1

    那设置了display block 后或者定位后与脱离标准流之前的变化就是只是可以甚至宽高了吗,还是还有其他功能我们还没学啊

    2022-03-28 16:15:06
  • 好帮手慕慕子 回复 提问者 长袖泡面头 #2

    设置了display:block;后,元素表现为块元素,具有块级元素的特征,即:可以设置宽度,独占一行。目前是没有其他功能了。

    祝学习愉快~

    2022-03-28 16:49:06
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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