首页 > 其他分享 >vue3:elementPlus的dailog组件title标题位置设置

vue3:elementPlus的dailog组件title标题位置设置

时间:2022-11-10 16:34:37浏览次数:42  
标签:__ el elementPlus title header dailog display

 

按照官网打开弹出窗想要的是这种效果

但自己出现的是下面这种,title跑中间了,body区唯一一个控件,也跑到下面了

 

 

 

设置el-dialog__header高度后,高度的确发生了变化,但是el-dialog__title的位置无论如何都不变

后来发现什么用户代理样式表,可能是浏览器的默认样式有影响,header{display:bolck},于是上网查了下,虽然按照网上的什么引入reset.css或者style后加scope没成功

但是在自己的尝试中发现,将display改为flex就和官网一样,正常显示在左上角了,具体原理未知,有碰到这个问题的朋友可以参考下

style里加入header{display:flex}

 

标签:__,el,elementPlus,title,header,dailog,display
From: https://www.cnblogs.com/DDDKC/p/16877531.html

相关文章