社区
Web 开发
帖子详情
页面数据展示的太长,怎么让他自动换行
s5a6w
2007-09-24 11:37:28
数据从数据库中读取的太长,时表格拉的太长,怎么限制他,让它自动去换行...
...全文
940
9
打赏
收藏
页面数据展示的太长,怎么让他自动换行
数据从数据库中读取的太长,时表格拉的太长,怎么限制他,让它自动去换行...
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zhpfeiqq
2008-07-23
打赏
举报
回复
mark
liuzi123
2007-09-26
打赏
举报
回复
学习
Croatia
2007-09-24
打赏
举报
回复
用CSS是比较好的方法。
Croatia
2007-09-24
打赏
举报
回复
限制td长度,对于全是英数字的情况来说,没有用。
For_suzhen
2007-09-24
打赏
举报
回复
楼上厉害。限制<td>的长度不行吗?
hancheng
2007-09-24
打赏
举报
回复
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法
对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>
css
#wrap{white-space:normal; width:200px; }
1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
#wrap{word-break:break-all; width:200px;}
或者
#wrap{word-wrap:break-word; width:200px;}
<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:可以实现换行
2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-all; width:200px; overflow:auto;}
<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
效果:容器正常,内容隐藏
对于table
1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏
<table style="table-layout:fixed" width="200">
<tr>
<td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss
</td>
</tr>
</table>
效果:隐藏多余内容
2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行
<table width="200" style="table-layout:fixed;">
<tr>
<td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>
效果:可以换行
3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法
4.(Firefox浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行,使用overflow:hidden;隐藏超出内容,这里overflow:auto;无法起作用
<table style="table-layout:fixed" width="200">
<tr>
<td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
<td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
</tr>
</table>
YBZYCM
2007-09-24
打赏
举报
回复
学习
tianxuejiang123
2007-09-24
打赏
举报
回复
<tr>
<td align=left width="700px">
<pre style="TABLE-LAYOUT:fixed;text-indent:28px;WORD-BREAK: break-all; WORD-WRAP: break-word;"><bean:write name="afficheBean" property="afficheDetail.content" /></pre>
</td>
</tr>
<pre 这个就可以的,假如说在你的后台有个文本域,pre就可以按照你在文本域的输入来显示>
在有些地方你觉得样式不好的话,你还可以用div控制一下。
html
页面
太长
,
页面
数据
展示
的
太长
,怎么让他
自动换行
自动换行
问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后
自动换行
html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css#wrap{whit...
数据
库的
数据
太长
,显示在JSP如何到一定长度时
自动换行
保存在
数据
库的字符串过长,显示在JSP也很长,让
页面
的布局很难看,如何让
数据
到一定的长度时
自动换行
: css强制换行、强制不换行及
自动换行
的写法 如下 1。css强制不换行 div{white-space:nowrap;} 强行不换行还有一个方法 <td><nobr>内容</nobr></td> 2。css
自动换行
...
html div英文
自动换行
,css 如何处理文本中当英文或数字过长时,
自动换行
显示呢?...
摘要:下文讲述css脚本中,当英文或数字过长时,
自动换行
显示的方法分享,如下所示:在网页的
数据
显示中,我们向让文本超过
页面
宽度时,
自动换行
。实现思路:在元素上设置word-wrap属性,并将其属性值设置为break-word,达到强制换行操作例:css word-wrap:break-word属性值举例演示猫猫教程(www.maomao365.com)---强制英文单词数字换行显示.div1{he...
Layui
数据
过长
自动换行
添加此样式: .layui-table-cell { font-size:14px; padding:0 5px; height:auto; overflow:visible; text-overflow:inherit; white-space:normal; word-break: break-all; }
css如何让不
自动换行
,css实现强制不换行/
自动换行
/强制换行
在我们日常的编码中经常会遇到这段文字不可以换行,或者
自动换行
的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧(至少♦嘻嘻。。。)。今天我们来学习一下如何熟练的掌握用css实现文字的强制不换行/
自动换行
/强制换行的方法。需要的伙伴们可以来一起学习哦!1. 强制不换行div{white-space:nowrap;}2.
自动换行
div{word-wrap: break-wo...
Web 开发
81,092
社区成员
341,716
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章