居中的一个方法是使用父元素相对定位,子元素绝对定位,调整left, top以及transform translate(-50%, -50%);
如果X方向,
父元素定义为position:relative, 子元素为绝对定位,left:50%, transform: translateX(50%);
;
另外元素消失,可使用opacity:0;hover某个动作引起opacity为1,再次出现。
3. span:before这个before的内容其实是span的内容的前面增加内容。
居中的一个方法是使用父元素相对定位,子元素绝对定位,调整left, top以及transform translate(-50%, -50%);
如果X方向,
父元素定义为position:relative, 子元素为绝对定位,left:50%, transform: translateX(50%);
;
另外元素消失,可使用opacity:0;hover某个动作引起opacity为1,再次出现。
3. span:before这个before的内容其实是span的内容的前面增加内容。