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

末蓝、 2022-05-30 07:38 331阅读 0赞

转载地址：http://blog.csdn.net/kerryqpw/article/details/70174702

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

<div id="testDiv">adfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWE</div>
    <p id="pDiv">adfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWE</p>

css样式

css详解

word-wrap: normal|break-word;

<table> 
 <tbody> 
  <tr> 
   <td>normal</td> 
   <td>只在允许的断字点换行（浏览器保持默认处理，默认值）。</td> 
  </tr> 
  <tr> 
   <td>break-word</td> 
   <td>在长单词或 URL 地址内部进行换行。</td> 
  </tr> 
 </tbody> 
</table>

word-break: normal|break-all|keep-all;

<table> 
 <tbody> 
  <tr> 
   <td>normal</td> 
   <td>使用浏览器默认的换行规则。（默认值）</td> 
  </tr> 
  <tr> 
   <td>break-all</td> 
   <td>允许在单词内换行。</td> 
  </tr> 
  <tr> 
   <td>keep-all</td> 
   <td>只能在半角空格或连字符处换行。</td> 
  </tr> 
 </tbody> 
</table>