工作中新知识点记录

一、css垂直居中

display: grid;

place-items: center;

place-items 属性是以下属性的简写：align-items、justify-items

二、伪元素

:empty::before

当div元素没有内容时，.area:empty样式会生效，同时为了显示一段提示内容，使用了伪元素::before，在content写入提示内容。

.area:empty::before { content: '或粘贴图片到这里'; color: gray; }