span标签垂直居中显⽰的正确⽅法
span标签居中显⽰的正确⽅法
⽅法⼀:
<span >⽔平居中</span>
<span >垂直居中</span>
必须加上display:block;否则不能居中显⽰,因为span是⾏内元素
必须转换成块元素才会居中显⽰⽣效。
⽅法⼆:
利⽤flex布局
菜鸟教程flex布局display: flex;
justify-content: center; //⽔平
align-items: center; //垂直

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。