现在的位置: 首页 > web前端 > 正文

溢出英文不换行

2020年07月21日 web前端 ⁄ 共 704字 ⁄ 字号 评论关闭

  英文溢出不换行而中文溢出会换行,因为中文一个字就是一个字符浏览器知道有多少个字符,而英文字母浏览器不知道整体是一个单词还是由许多单词组成,就统一当成一个单词处理所有就会溢出不换行了。


  溢出英文怎么办


  但是在英文里面加了空格溢出就会换行了,因为你已经标识出来了哪几个字母是组成一个单词,无论两个单词之间写多少个空格都是显示一个空格,这里空格是分隔符不代表空格文本


  word-break:break-all;


  中文汉字不会溢出,英文字母会溢出


  这个时候添加属性


  word-break:break-all;


  溢出英文需要什么属性


  CSS3overflow-x属性


  overflow-x属性指定如果它溢出了元素的内容区是否剪辑左/右边缘内容。


  提示:使用overflow-y属性来判断顶部和底部边缘是否裁剪。


  默认值: visible


  继承: no


  版本: CSS3


  JavaScript语法: object.style.overflowX="scroll"


  语法


  overflow-x:visible|hidden|scroll|auto|no-display|no-content;


  值 描述


  visible 不裁剪内容,可能会显示在内容框之外。


  hidden 裁剪内容-不提供滚动机制。


  scroll 裁剪内容-提供滚动机制。


  auto 如果溢出框,则应该提供滚动机制。


  no-display 如果内容不适合内容框,则删除整个框。


  no-content 如果内容不适合内容框,则隐藏整个内容。


  总之,溢出英文不换行给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.