CSS伪元素的一个疑问?

jzsn
  • 204

写法一:
.businessType:before {
content: '';
display: block;
}
写法二:
.businessType:before {
content: '';
display: table;
}
为什么两种写法产生的效果不一样?
写法一不能起到占位,而写法二却可以起到占位的作用?

回复
阅读 1k
2 个回答

你这里说的占位是什么意思?是换行吗?如果是换行的话,两种都可以呀

<style>
.a:before {
    content: '';
    display: block;
    outline: 2px red solid;
}

.b {
    content: '';
    display: table;
    outline: 2px red solid;
}
</style>

<div class="a"></div>
11111111

<div class="b"></div>
222222222

两个都换行了,哪里没换?你html和css里面还有其他地方写了些什么影响到了吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏