table中的换行问题

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
td{
width:200px;

}
</style>
</head>
<body>
<div>
<table border="1">
  <tr>
    <th>Poem</th>
    <th>Poem</th>
  </tr>
  <tr>
  	<td style="word-break:break-all">Never increase, beyond what is necessary, the number of entities required to explain anything</td>
    <td nowrap="nowrap"> 甩灯歌互动哥覅和首个hi书hiu回溯法龟速发货GIS皇帝给本科生高考品味偶尔会i搞活动少发货快京哈设定列到付款哈松哈来衡量</td>
    <td>Never increase, beyond what is necessary, the number of entities required to explain anything</td>
  </tr>
</table>
</div>
</body>
</html>

英文若没有空格的话默认不换行

汉字和有空格的英文会换行   英文换行会在合适的地方(即某个单词结束后换行)

添加nowrap属性后,不换行

给td添加style="word-break:break-all"英文字母会换行,且不管当前单词是否结束

时间: 2024-11-10 20:39:20

table中的换行问题的相关文章

Table中td的长字符串换行处理

当需要在<table>中的<td>中显示一段很长的字符创时,如下句代码: Document.getElementById(<td>.id).innerText="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX........" 可以在该table中增加 style="table-layout:fixed;word-break:break-all" 属性

设置table中的宽度不随文字改变让其固定

设置table中的宽度不随文字改变让其固定 来源:互联网作者:佚名时间:02-17 16:02:28[大 中 小] 页面中table宽度设置width之后,宽度仍然不是固定的,文字太长后不换行,下面有个不错的方法可以有效解决这个问题 页面中table宽度设置width="600px"之后,宽度仍然不是固定的,文字太长后不换行,把table都撑变形了. 解决办法: 1.table 设置 宽度,绝对宽度和相对都可以 table-layout:fixed ; 设置了这个属性,其余所有td都是

关于sql中去换行符的问题

今天要用bootstrap开发一个网页,要使用到JSON,但是JSON的格式不正确,然后在http://www.bejson.com/[Be JSON]中测试了一下JSON. 发现JSON中多了一个换行符,然后在输入库中清掉换行符就得到正确的JSON格式了.在Windows或者是SQL中的换行符都是以\r\n存在的,所有使用 Replace()函数置换就行.在Ascii码中,\n是10,\r是13 Update Table Set Column1=Replare(Column1,char(10)

table 中 文字长度大于td宽度,导致文字换行 解决方案

1.TD不换行 nowrap属性 表格table的td单元格中,文字长了往往会撑开单元格,但是如果table都不够宽了,就换行了好像(不要较真其他情况,我只说会换行的情况).换行后的表格显得乱糟糟,不太好看,我不喜欢这样的换行.当然可以通过对每列td都设置宽度,那样太麻烦了,并且有时没法预计td中的文字会有多长,没法给固定宽度. 为了让表格里文字不换行(预计也不会太长的字符串),可以给表格里td添加一个nowrap属性,如 <td nowrap>文字内容</td> 这样. 但是如果

CSS3.0(0):text-overflow使用文字超多div的宽度或超过在table中&lt;td&gt;

关键字:text-overflow:ellipsis 语法:text-overflow:clip | ellipsis 取值 clip:默认值.不显示省略标记(...),而是简单的裁切. ellipsis: 当对象内文本溢出时显示省略标记(...). 可惜text-overflow 还只是ie的私有属性而已,也没被收录到w3c标准里. 如果想让某个容器(div或者li或者...块级元素)显示一行文字,当文字内容过多时,不换行,而是出现... 这样写:例如 1 <!DOCTYPE html PUB

Teradata数据中包含换行符导致查询结果导出串行问题

Teradata数据中包含换行符导致查询结果导出串行问题 系统在日常运行期间,有部分数据是读取EXCEL导入到生产系统中的.这就导致了数据质量良莠不齐.有的Excel单元格中有换行符,数据导入后,再次查询时,就有可能出现导出结果数据串行的问题. 先来还原这一问题.(还未找到解决方案……T_T) 编写SQL,运行结果如下图: 复制Answer到UE中查看: 利用SQLA自带的导出功能,导出txt查看: 需注意的是,Create table with data 与 insert select运行结果

jQuery遍历table中的tr td并获取td中的值

jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(function(){ <span style="white-space:pre"> </span> var year = $("#year").val(); var month = $("#month").val(); var da

将JSON数组显示前台Table中

将JSON数组显示前台Table中 在最近的学习中遇到一个小问题,如何把JSON数组显示在前台的table中,经过一番借鉴和学习之后终于解决了这个问题.具体的代码如下: (前提:利用ajax获取过来的JSON字符串必须是规范的,这样才能解析正确.后台获取数据库中数据的代码省略了) 1.前台JS代码(使用之前引入JQuery的js库文件) $.ajax({ type: "GET", url: "UserList.ashx?Action=List",//利用ajax请求

C#(去、过滤)掉字符中的换行符

原文:C#(去.过滤)掉字符中的换行符 原文地址: http://www.feedou.com/articlepickservlet?commandkey=singlearticle&articleID=5c42b75f1b435084011b49ba083217d4 本文介绍的方法需要先导入命名空间:usingSystem.Text.RegularExpressions; 字符串里所有的的换行符都去掉:textStr = Regex.Replace(textStr, @"[/n/r]&