遇到一个很奇葩的前端样式问题
问题遇到的场景：
1、父盒子设置flex justify-content: flex-end; align-items: center;
2、子盒子全部不设宽高，由文字撑开，其中一个子盒子设置
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
我都目的很明显，我想让这个子盒子超出显示...，但是这时候有个很特别的问题，我缩小浏览器比率到90%时文字顶部会被遮挡掉一点点 且经过试验 有且只有90%及font-size为14px时才会触发
解决办法我知道可以加line-height 我只是想知道为何会触发这个问题
问题遇到的场景：
1、父盒子设置flex justify-content: flex-end; align-items: center;
2、子盒子全部不设宽高，由文字撑开，其中一个子盒子设置
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
我都目的很明显，我想让这个子盒子超出显示...，但是这时候有个很特别的问题，我缩小浏览器比率到90%时文字顶部会被遮挡掉一点点 且经过试验 有且只有90%及font-size为14px时才会触发
解决办法我知道可以加line-height 我只是想知道为何会触发这个问题
展开
10
点赞
