国际化中英文切换，英文内容长度过长的解决问题

说真的，我卡在这里很久了，也查了网上很多前辈的文章与建议；换样式，改样式，改字体等等，有点手酸！

当我把英文版排进资源文件后，测试切换中英文的那种感觉，这酸爽！遇到过这种状况的你应该知道的；好了，我们切入正题，如何解决：

（1）将你的排版的<div>你的中英文内容，各种标签的中英文内容</div>的高度去掉，去掉，去掉，三遍了啊！这个就是用内容撑开div标签我们可以设置padding和margin（内外边框）让排版更好看；

（2）div标签可以设置一定的宽度，高度不要设，<div><div style="width:200px;text-align:center;background-color:red;color:#fff;"><img src="../1.png"></img>我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅我最帅</div></div>

(3)设置有些内嵌的标签要给一定的高度和宽度的；加上padding和margin（内外边框），要灵活运用，可以达到不错的效果！

其实还有一种（隐藏式的，就是溢出隐藏）：

<style>width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
</style>

国际化中英文切换，英文内容长度过长的解决问题相关推荐

uni-app使用vue-i18n实现国际化(中英文切换)
uni-app使用vue-i18n实现国际化(中英文切换) 1.导入vue-i18n(npm install vue-i18n) 2.创建common文件夹 --> lang.js export ...
react国际化中英文切换
欢迎关注微信公众号:[ 全栈攻略 ] react项目需要支持国际化,推荐插件"react-intl-universal",原因是"react-intl"存在一些 ...
SpringMVC 国际化-中英文切换
国际化是为了实现不同地区页面呈现不同的语言问题: 编写程序实现国际化,在xml文件中做响应的配置,然后编写.properties文件即可. 实现登录界面的中英文切换: xml文件配置: <!-- ...
关闭shift中英文切换英文代码/中文注释随意切换着写。
x 背景写代码的时候总是意外的就切成中文了,特别是代码中大小写切换的这种情况... 例如:"public static TimeZone CurrentTime..."publi ...
Qt Quick实现国际化中英文切换简明图文步骤
目录前言一.步骤 1.在pro文件中添加需要生成的ts文件: 2.通过工具-外部-语言家-update 生成zh_CN.ts和en_US.ts 3.通过语言家打开生成的ts文件进行翻译 4.将zh ...
Android国际化-中英文切换
不想废话,直接上干货 @Overrideprotected void attachBaseContext(Context newBase) {Locale newLocale;if (SPUtil.g ...
后台管理系统vue-i18n中英文切换功能
一.vue-i18n是什么? 一款针对Vue.js 的国际化插件.把网站的所有需要中英转换的数据配置成中英文json文件,需要编写大量中英文对照表,适合于少量的固定翻译. 二.使用步骤 1.安装vue ...
SpringBoot中英文切换/国际化——java后端怎么用预置文本的内容替换web网页内容（Resource Bundle）
文章目录创建预置文件文本内容 Thymeleaf修改前端使其获得预置文本内容 html页面设置跳转标签和传值创建一个MyLocaleResolver配置文件在MvcConfiguration中注 ...
flutter 全选_Flutter ios 国际化(复制粘贴中英文切换等问题)
前提在做flutter ios 国际化的时候遇到长按文本框崩溃的问题,然后google到一堆写法是重写cupertinoLocalization的奇怪做法,然后还千篇一律都是这么改的,其实不用那么麻 ...
struts2的国际化（即实现网站整体中英文切换）实例
推荐一个专注于Java的小众技术社区:Java之音环境要求:Struts2框架环境搭建成功为了实现程序的国际化,必须先提供程序所需要的资源文件.资源文件的内容基本是key-value对,其中key ...

国际化中英文切换，英文内容长度过长的解决问题

其实还有一种（隐藏式的，就是溢出隐藏）：

国际化中英文切换，英文内容长度过长的解决问题相关推荐

最新文章

热门文章