`
nannan408
  • 浏览: 1771051 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

完美解决td内pre标签造成的换行问题,table特殊字符处理终极解决方案。

    博客分类:
  • web
 
阅读更多
1.前言。
  乱码处理最完美是在页面加pre,在后台或者缓存找数据。但这会遇到td的换行问题。
pre所在的行会自动换行,蛋疼。解决办法是加个宽度。下面这段代码是通常会用到的,但对ie7无效,火狐有没有都无所谓。

pre{
  whitewhite-space: pre-wrap; /* css-3 */
whitewhite-space: -moz-pre-wrap; /* Mozilla, since 1999 */
whitewhite-space: -pre-wrap; /* Opera 4-6 */
whitewhite-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
whitewhite-space : normal ; /* Internet Explorer 5.5+ */
}

2.终极代码,其实很简单。
pre{
 display:inline;
 width:8px;

}
0
0
分享到:
评论

相关推荐

    通过CSS让TD自动换行

    这样,当td元素内的文本长度超过单元格的宽度时,文本会在任意字符处换行,确保内容不会溢出。 例如,在JavaScript动态创建元素或者Ajax应用中,我们可以为创建的td元素添加CSS样式来实现自动换行: ```html <td ...

    CSS对表格单元格强制换行和不换行

    自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行 </td>...

    在表格加样式解决表格中英文和数字不能换行

    在网页设计或者文档排版中,经常会遇到一个问题,那就是表格中的英文和数字内容无法自动换行,这在处理长字符串或者需要紧凑展示数据时显得尤为不便。为了解决这一问题,我们可以利用CSS样式来实现英文和数字在表格...

    HTML标签英文单词

    `<td>` 标签用于定义表格中的数据单元格。它可以包含文本或其他HTML元素。 ### <textarea>: Text Area `<textarea>` 标签用于定义多行文本输入字段。它可以用于收集用户输入的大段文本,如评论、留言等。 ### ...

    html常用标签学习笔记

    18. `<pre>`:预格式化文本标签,保留其中的空格和换行,常用于代码展示。 以上只是HTML标签的一小部分,实际中还有许多其他标签,如用于定义章节结构的`<section>`、`<article>`等,以及用于定义多媒体内容的`...

    HTML标签帮助文档

    `<table>`、`<tr>`(表格行)、`<th>`(表头单元格)和`<td>`(普通数据单元格)共同构建表格。`<caption>`定义表格标题,`<colgroup>`和`<col>`可以对列进行分组和设置样式。 **段落与引用** `<blockquote>`用于长...

    html标签大全

    9. `<pre>`:预格式化标签,保持文本的原始格式,如空格和换行都会被保留。 10. `<div>`:分隔标签,用于创建一个块级元素,可以用来组织页面结构和应用样式。 11. `<nobr>`:不允许换行标签,用于防止单词或短语...

    html标签,属性大全.pdf

    57. **预格式化文本标签**:`<pre>` 保留文本的空格和换行。 58. **短引用标签**:`<q>` 用于表示短引用,自动添加引号。 59. **删除线文本标签**:`<s>` 和 `<strike>` 用于表示过时或不再适用的信息,已弃用,...

    html标签介绍大全

    标签内的常见标签有定义页面标题,定义元信息,如字符编码。用于引入外部资源,如CSS样式表。用来插入JavaScript代码或引用外部JS文件。 三、文本格式化标签 HTML提供了多种标签用于文本格式化,如粗体、斜体、...

    HTML常用标签代码

    13. `<table>`、`<tr>`、`<td>` 和 `<th>`: 用于创建表格,`<tr>`代表行,`<td>`是数据单元格,`<th>`是表头单元格。 14. `<form>`、`<input>`、`<button>`: 用于创建表单,`<input>`可以是文本输入、密码输入、复...

    HTML标签详解大全

    - 用于表示特殊字符。 - 示例: ```html < 小于号 > 大于号 & 和号 ``` 15. **图像标签-- `<img>`** - 用于在网页中嵌入图像。 - 属性解释: - `src`:图像文件的URL。 - `border`:图像边框...

    html 标签 大全

    - `<td>`:表格单元格标签。 - `<th>`:表格头部单元格标签。 - 表格属性: - `border`:设置表格边框宽度。 - `cellspacing`:设置单元格间距。 - `cellpadding`:设置单元格内填充。 - `width`:设置表格宽度...

    HTML第一章-基本标签

    - `<pre>`:保留内部的空白字符,用于代码展示。 - `<hr>`:水平线。 9. **其他常见标签** - `<header>`、`<footer>`和`<nav>`:页面的头部、尾部和导航部分。 - `<section>`和`<article>`:定义文档中的独立...

    html常用标签说明

    - **`<pre>`**:此标签用于显示预格式化文本,保留空格和换行符。 - **`<u>`**:此标签用于给文本添加下划线。 - **`<b>`**:此标签用于使文本变为粗体。 - **`<i>`**:此标签用于使文本变为斜体。 - **`<tt>`**:此...

    网页制作大全-html标签大全

    6. 表格标签:`<table>`、`<tr>`(行)、`<td>`(单元格)、`<th>`(表头单元格)。 三、HTML容器标签 1. 块级元素:如`<div>`(定义一个区块)、`<header>`、`<footer>`、`<article>`、`<section>`等,它们默认...

    HTML超文本标记语言标签

    * `<title>`:在标题栏中显示的题目(放在 `<head>` 内) 页面属性标签 * `<body bgcolor="#FF0000">`:设置背景颜色 * `<body text="#FF0000">`:设置文本文字颜色 * `<body link="#FF0000">`:设置链接颜色 * `...

    html标签详解 初学html

    - **`<pre>`标签**:预格式化文本,保持原有空格和换行。 - 示例: ```html <pre> 这段文本将按照原文档中的格式显示, 包括空格和换行。 </pre> ``` - **`<body>`标签**:设置文档主体的样式和属性。 - ...

    html5常用标签.txt

    1. **`<table>`**: 表格标签,用于展示行和列数据。 2. **`<thead>`**: 表格头部,包含表头信息。 3. **`<tbody>`**: 表格主体,包含主要数据行。 4. **`<tfoot>`**: 表格尾部,通常用于总结数据。 5. **`...

    html复习串讲ppt

    10. **表格基础**:`<table>`标签创建表格,`<tr>`定义行,`<td>`定义单元格。`colspan`和`rowspan`分别用于合并列和行。表格还有`border`、`width`、`height`等属性来设置样式。 在学习HTML时,不仅要掌握这些基本...

    HTML基本标签大全.docx

    * 预留格式标记:<`pre>这标签内的格式将保留</pre>` 保留文本的原始格式 * 标题标记:~h6>~h6>` 定义标题,级别从 1 到 6 * 文本块标记:该区域内的内容将双向缩进</blockquote>` 定义文本块 * 水平线标记:粗细" ...

Global site tag (gtag.js) - Google Analytics