美文网首页HTML
HTML内容超出了div或p的宽度让内容自动换行

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

作者: ChangLau | 来源:发表于2018-07-31 11:04 被阅读30次
    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 只能在半角空格或连字符处换行。

相关文章

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

    允许长单词换行到下一行:word-wrap: normal|break-word; 在恰当的断字点进行换行:wor...

  • 问题合集

    1-如何让div宽度自动适应内容 : width:fit-content 2-如何在typescript中解决 ...

  • jQuery操作

    jQuery属性操作 1、html() 取出或设置html内容 // 取出html内容 var ('#div1')...

  • JQuery属性

    1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').ht...

  • 2018-09-19笔记

    jquery属性操作 1、html() 取出或设置html内容 取出html内容var ('#div1').htm...

  • 内容自动换行

    1.英文超长自动换行-单词不折断 2.中文换行

  • 如何让table表格中td宽度固定并且内容自动换行

    设置宽度固定自动换行我使用的是样式:word-break:break-all代码部分: 这样就能实现宽度固定,内容...

  • html

    :p标签的文本会在一个段落中自动换行。div标签内的文本也会在一个段落中自动换行。 :换行标签,使自动换行。文本格...

  • html

    换行 空格  “<” 和 “>” 的字符实体为 < 和 >html块1、div标签 块元素,表示一块内容...

  • css知识小结

    前言:divcss两个html标签 1 div:块标签 标签内部的内容会换行 默认自己独占 2 span:行...

网友评论

    本文标题:HTML内容超出了div或p的宽度让内容自动换行

    本文链接:https://www.haomeiwen.com/subject/hcmcvftx.html