html内容超出了div或p的宽度 让内容自动换行
2018-03-07 19:18
656 查看
转载地址: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;
html内容超出了div或p的宽度 让内容自动换行
<div id="testDiv">adfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWE</div>
<p id="pDiv">adfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWEadfasfeBNFGHFJFasddddddddddddfJKUIszffdaddffsdgsdffgdgfsWE</p>
css样式
<style type="text/css"> #testDiv{ width: 100%; height: auto; word-wrap:break-word; word-break:break-all; overflow: hidden; } </style>
css详解
word-wrap: normal|break-word;
normal | 只在允许的断字点换行(浏览器保持默认处理,默认值)。 |
break-word | 在长单词或 URL 地址内部进行换行。 |
word-break: normal|break-all|keep-all;
normal | 使用浏览器默认的换行规则。(默认值) |
break-all | 允许在单词内换行。 |
keep-all | 只能在半角空格或连字符处换行。 |
相关文章推荐
- html内容超出了div的宽度如何换行让内容自动换行
- html内容超出了div的宽度如何换行让内容自动换行
- html内容超出了div或p的宽度如何换行让内容自动换行
- 内容超出div宽度后自动换行的css代码
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- DIV内容超出div宽度后自动换行的css代码
- CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
- HTML select处理文字超出宽度自动换行的问题
- CSS网页布局中DIV和TABLE超出宽度自动换行分析
- CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析
- html中设置让div中的内容超出后自动显示滚动条
- Html内容超出标记宽度后自动隐藏
- CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法
- DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替
- html-div中内容自动换行
- Html内容超出标记宽度后自动隐藏
- div内的内容超出则自动换行
- Html内容超出标记宽度后自动隐藏