Grid布局中遇到的问题

最新推荐文章于 2024-08-25 14:59:46 发布

huaxingling

最新推荐文章于 2024-08-25 14:59:46 发布

阅读量924

点赞数

分类专栏： CSS案例

本文链接：https://blog.csdn.net/huaxingling/article/details/113975610

版权

CSS案例专栏收录该内容

2 篇文章 0 订阅

订阅专栏

                    
                    Grid布局中，文字居右对齐，当文字太长时，没有办法将…显示在文字最后。
 
 由于子项目用了 justify-self: end; 当文字太长，超过grid的预设宽度时，会撑开空白区域，如果要让…在文字最后显示，则需要在grid容器中设置预设的width, overflow设置成hidden, 并在子项目中设置max-width.width: 160px;
overflow: hidden;
 max-width: 112px;
justify-self: end;