HTML内容超出了div或p的宽度让内容自动换行

    width:100px;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;

允许长单词换行到下一行:
word-wrap: normal|break-word;

描述
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。

在恰当的断字点进行换行:
word-break: normal|break-all|keep-all;

描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3中的word-wrap、word-break、white-space想必大家都接触过,今天我们来一起温故而...
    叮咯咙咚DQ阅读 547评论 0 0
  • 文本换行其实是个非常常用但并不起眼的特性。你什么都不用设,浏览器自动就会换行。例如英语,浏览器会根据容器尺寸,选择...
    张歆琳阅读 8,512评论 1 7
  • 自从伪类和伪元素“事件”之后,我开始注意了在CSS中一些十分容易让人混淆的存在。我又发现了一对和文本操作有关的“混...
    thisDong阅读 2,301评论 1 2
  • 当一个块状元素设置了宽度,并且其中的文本是根据接口返回的数据进行填充和展示时,因为传输的数据有可能是不可靠的,所以...
    lincimy阅读 3,713评论 0 2
  • 文本多行溢出溢出 文本强制换行 强制不换行p { white-space:nowrap; }自动换行p { wor...
    adustdu2015阅读 1,211评论 0 0