中文和其他语言文字高度不同引发的小坑

今天一早客户发了个截图给我,说语言下拉列表页面显示不正常:
001

果然,本来法语显示应该在日本语下面,现在出现一块空白,但是我的电脑访问一切正常,换了好几台电脑和浏览器都没有复现问题。

然后思考了一下昨天的页面和今天有什么不同:因为多语言,对应的国家要用对应国家的语言显示,昨天和客户说了,客户说后面来更正,我先把日本语的改了一下。刚好客户也下班了,就没看,今天一早客户就发现问题了。

问题就出在我把英文改成了日文,第一反应就是字体高度问题,排查了一下发现我没有给li标签的样式没写height 😵 ,仅仅用font-size不能保证所有文字和字符的高度统一!
登录服务器,打开CSS,加上合适的高度。保存,浏览器刷新,解决!

image

 平时一般都会给样式写高度的,这次不知道为啥忘记了,特此小记一下,提醒自己。

posted @ 2025-11-04 10:25  素景垂光  阅读(254)  评论(0)    收藏  举报

友情链接:WEB3资讯