在<table>或<div>中如何让传入的文本自动换行
2012-02-29 16:00
555 查看
在<table>或<div>中如何让传入的文本自动换行
<div style="width:100px">
你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你
</div>
这样的话。div中内容。会到100px自动换行的。但是
<div style="width:100px">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>
也就是其中内容是英文的话就不会换行???内容将会撑大直到完全显示
如果你输入的不是一连串的如:aaaaaaaaaa或!!!!!!!!这样的无意义字符,在你指定了容器的宽度之后,是会自动换行的;
如果有大篇章这样的字符,可以考虑使用word-break:break-all或table-layout:fixed
<div style="width:100px;word-break:break-all;">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>
<div style="width:100px">
你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你
</div>
这样的话。div中内容。会到100px自动换行的。但是
<div style="width:100px">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>
也就是其中内容是英文的话就不会换行???内容将会撑大直到完全显示
如果你输入的不是一连串的如:aaaaaaaaaa或!!!!!!!!这样的无意义字符,在你指定了容器的宽度之后,是会自动换行的;
如果有大篇章这样的字符,可以考虑使用word-break:break-all或table-layout:fixed
<div style="width:100px;word-break:break-all;">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>
相关文章推荐
- 在<table>或<div>中如何让传入的文本自动换行
- 开发日志:struts标签[<s:selec>/<s:submit>/<s:form>......] 在table的时候位置错误 [会自动换行/自动生成tr、td的问题]
- 开发日志:设置<DIV>内容不自动换行,及inline后width和height等失效的问题
- 如何删除strut2校验后<s:fielderror>在jsp页面输出时的小黑点和自动换行?
- CActiveForm 使用单选框/复选框去除自动换行<br>
- 如何让两个<div>在一个<div>里面并排
- 关于ul下<li></li>内插入<span>内容</span>标签自动换行不在同一行问题
- 如何让div中的长文本自动换行
- IE10打开网页后,自动设置浏览器模式为“IE10兼容性视图”,我添加了 <meta http-equiv="X-UA-Compatible" content="IE=8">只修改了文档模式,请问如何
- <div>标签嵌套多层如何找准位置
- 让<pre>标签文本自动换行
- 【转】如何实现<textarea> placeholder自动换行?
- IE 6与IE 7 出现 Ie6下<li>不自动换行的问题
- Jsp中 table 使用<c:forEach>实现各行3个,之后自动换行
- 黄聪:wordpress如何防止发布文章时候自动清除<P>、<br>换行标签
- 如何让html 标签<textarea>文本域 在Opera浏览器下自动换行
- Tips: 解决XSLT中table内容<br/>换行问题
- Html 5:如何在两个 <div> 元素之间拖放图像
- 如何在table的<td>中限制显示的字数
- 如何让<div>总是显示在最上层,而不致于被其他<div>遮挡