Html大段文本自适应换行显示-SSM

只处理前端:

<style>
    .ctl{
            table-layout:fixed
    }
    .ctl td{
            word-break:break-all
        }
</style>
        <div>
            <table cellSpacing="0" cellpadding="1" width="100%" class="ctl" border=1>

                <tBody>
                    <tr><td th:text="${seq}"></td></tr>

                </tBody>
            </table>
        </div>

这样行数会自动调整,文本不会溢出表格。

bug:字符串中的\r\n会变为空格,虽然在控制台可以看到换行符确实存在,但浏览器渲染时会变成空格。

暂时没有处理这个问题,先留坑。

==========================================================

我是Ruriko,我爱这个世界:)

原文地址:https://www.cnblogs.com/pxy7896/p/11572196.html

时间: 2024-11-01 23:40:23

Html大段文本自适应换行显示-SSM的相关文章

JDBC学习笔记(8):访问大段文本数据

数据库准备: 1 create table clob_test 2 ( 3 id integer not null auto_increment, 4 big_text text not null, 5 primary key(id) 6 ); 将大段文本添加进数据库: 1 public static void create() throws SQLException, IOException { 2 Connection conn = null; 3 PreparedStatement ps

用jdbc访问大段文本数据

1 package it.cast.jdbc; 2 3 import java.io.BufferedReader; 4 import java.io.BufferedWriter; 5 import java.io.File; 6 import java.io.FileNotFoundException; 7 import java.io.FileReader; 8 import java.io.FileWriter; 9 import java.io.IOException; 10 impo

大段文本的多个关键字高亮

前几天看到有人提在网页中实时高亮关键字,大约6万多个字中高亮600个关键字,用户可以随时修改并及时高亮,也就是onkeyup时做高亮,说用正则在IE下效率不理想 想了下自已给了一个实现方案:比如这段文本是:"这是一大段文本,一大段文本哦"关键字是:["这是","大段文本","哦"]首先找出最长的关键字,并把这些关键字弄成map,如: var keys = ['这是', '这里是', '文本', '一']; var prepar

交互设计:隐藏或显示大段文本的UI组件有哪些?

应用场景: 在手机上要给列表中的每一项添加一个大段的介绍,应该用什么UI组件 A: 这里可以用,模态对话框,弹出提示,工具提示这类组件.模态对话框的好处,就是用关闭的按钮,用户操作方便:而弹出提示和工具提示只能通过点击来切换 模态对话框: http://v2.bootcss.com/javascript.html#modals http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html Bootstrap 模态框(Modal)插件 模态

JDBC学习笔记:用JDBC处理大段数据

1.数据库——创建数据表 1 create table clob_test 2 ( 3 id integer not null auto_increment primary key, 4 big_text text not null 5 ); 2.用JDBC处理大段文本数据 (1)将文本数据写入数据库 1 @Test 2 public void create() throws SQLException, IOException { 3 Connection conn = null; 4 Prep

《CSS3实战》笔记--溢出文本省略:text-overflow和文本换行显示:word-wrop

通过阅读和学习书籍<CSS3实战>总结 <CSS3实战>/成林著.-北京机械工业出版社2011.5 语法: text-overflow:clip | ellipsis | ellipsis-word 取值简单说明: clip属性值表示不显示标记,而是简单的裁切. ellipsis属性值表示当对象内文本溢出时显示省略标记,省略标记插入的位置是最后一个字符. ellipsis-word属性值表示当对象内文本溢出时显示省略标记,省略标记插入的位置是最后一个词(word). ?实际上,te

CSS---解决内容过多就会出文本溢出(显示在区域外面,不换行的情况)

当我们设置我的的div,或者其它文本框固定宽度之后,文本内容过多就会出文本溢出(显示在区域外面,不换行的情况). 这时我们可以使用Css中的几个属于来解.有以下的三个属于可以解决问题: 1,word-break 属性规定自动换行的处理方法.word-break: normal|break-all|keep-all;值 描述normal 使用浏览器默认的换行规则.break-all 允许在单词内换行.keep-all 只能在半角空格或连字符处换行.2,overflow 属性规定当内容溢出元素框时发

CSS控制文本超出指定宽度显示省略号和文本不换行

一般的文字截断(适用于内联与块): .text-overflow { display:block;/*内联对象需加 */ width:31em;/* 何问起 hovertree.com */ word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) :需与overfl

使用&lt;pre&gt;标签为你的网页加入大段代码

在上节中介绍加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的,如下图: 怎么办?不会是每一代码都加入一个<code>标签吧,没有这么复杂,这时候就可以使用<pre>标签. 语法: <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符. 如下代码: <pre> var message="欢迎"; for(