英文字符换行

【解决方法】

可以在CSS中加入

word-wrap:break-word;

word-break:break-all;

(1)break-all(是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。)

(2)keep-all(是指Chinese, Japanese, and Korean不断词,一句话一行,可以用来排列古诗哟~)

(3)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3中的word-wrap、word-break、white-space想必大家都接触过,今天我们来一起温故而...
    叮咯咙咚DQ阅读 565评论 0 0
  • 我们先看看不加任何属性是如何换行处理的下面各类属性都是加在一个p元素上的。 我们看到不加任何属性时候,边界遇到中文...
    209bd3bc6844阅读 614评论 0 0
  • 1.CSS3 边框 border-radius CSS属性用来设置边框圆角。当使用一个半径时确定一个圆形;当使用两...
    garble阅读 690评论 0 0
  • 你是我平静湖面上 纵情过后的波痕 你是我幽静山野间 缠绵过后的风岚 你是我括静庭檐下 鸟语虫鸣的归宿 你是我宁静书...
    北屿丿阅读 352评论 0 2
  • 楠哥 我是典型的人走茶凉,从不认为,谁属于谁,谁能和谁坚定的走完一生。 写信是我们有了矛盾或不好开口后默契的交流方...
    二宁阅读 184评论 0 0