html内容超出了div或p的宽度如何换行让内容自动换行
2017-04-14 17:45
671 查看
html内容超出了div或p的宽度如何换行让内容自动换行
代码如下:
html:
<div class="content">
asdasdasdasdasdasdassdsadsadsasadsadddfadasdasdasdasdasdasdasdassdsadsadsasadsadddfadasdasdasdasdasdasdasdassdsadsadsasadsadddfadasdasdasd
asdasdasdasdassdsadsadsasadsadddfadasdasdasdasdasd
asdasdassdsadsadsasadsadddfadas
asdasdasdasdsa
dfgdfgdfg
fdgdfgdf
</div>
css:
.nav .information .chunk .content {
width: 100%;
height: auto;
word-wrap:break-word;
word-break:break-all;
overflow: hidden;
}
代码如下:
html:
<div class="content">
asdasdasdasdasdasdassdsadsadsasadsadddfadasdasdasdasdasdasdasdassdsadsadsasadsadddfadasdasdasdasdasdasdasdassdsadsadsasadsadddfadasdasdasd
asdasdasdasdassdsadsadsasadsadddfadasdasdasdasdasd
asdasdassdsadsadsasadsadddfadas
asdasdasdasdsa
dfgdfgdfg
fdgdfgdf
</div>
css:
.nav .information .chunk .content {
width: 100%;
height: auto;
word-wrap:break-word;
word-break:break-all;
overflow: hidden;
}
相关文章推荐
- html内容超出了div的宽度如何换行让内容自动换行
- html内容超出了div的宽度如何换行让内容自动换行
- html内容超出了div或p的宽度 让内容自动换行
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- 如何固定表格的宽度,让超出的内容自动换行
- 内容超出div宽度后自动换行的css代码
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
- DIV内容超出div宽度后自动换行的css代码
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- 如何让div自动适应内容宽度,并且居中
- 如何实现:GridView 控件中显示的文本不自动换行,隐藏超出宽度部分wj-wangjun
- CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析
- DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- CSS网页布局中div和table超出宽度自动换行
- html-div中内容自动换行
- Html内容超出标记宽度后自动隐藏
- html中设置让div中的内容超出后自动显示滚动条
- Html内容超出标记宽度后自动隐藏