`
slbszq
  • 浏览: 266742 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

table <td>标签中丢失换行符问题及<pre>标签

阅读更多

    把textarea中的内容(带有换行符)保存在数据库中,然后在<td></td>标签内显示时没有换行,但是显示到textarea中是正常的。

    解决办法:

    1. 在td标签内部使用<pre></pre>标签,则可显示换行,但是有会有个新的问题:内容较长时,td的内容不自动折行显示,显示的很乱。

    解决办法:

    2. 在<pre>中加入样式:style="word-wrap: break-word; table-layout: fixed; width: 100%" 即可。

分享到:
评论

相关推荐

    HTML标签解释大全

    - **说明**:`&lt;br&gt;` 标签用于插入一个换行符,强制文本在新的一行显示。例如: ```html &lt;p&gt;第一行文本.&lt;br&gt;第二行文本.&lt;/p&gt; ``` ##### 标签:button - **说明**:`&lt;button&gt;` 标签用于指定其中所含的HTML要被渲染...

    html标签总结

    - **示例**:`&lt;table&gt;&lt;caption&gt;员工名单&lt;/caption&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;John Doe&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;` #### 居中文本:`&lt;center&gt;` - **作用**:定义居中文本。该标签已废弃,建议...

    HTML网页标签入门

    * `&lt;br&gt;`:强制断行标签,用于在网页中插入换行符。 * `&lt;p&gt;`:强制分段标签,用于在网页中插入段落。 * `&lt;hr&gt;`:分隔线标签,用于在网页中插入水平分隔线,可以增加属性,如 `color`、`width`、`size`、`align` 等。...

    HTML标签英文单词

    它可以用来在不使用段落标签的情况下插入单个换行符。 ### &lt;button&gt;: Button `&lt;button&gt;` 标签用于创建一个按钮。它经常用于表单中,也可以作为页面上的交互元素。 ### &lt;caption&gt;: Table Caption `&lt;caption&gt;` ...

    HTML标签认识

    - 保留原始的空白和换行符。 #### 16. 无序列表 `&lt;ul&gt;` 和 `&lt;li&gt;` - `&lt;ul&gt;`:定义无序列表。 - `&lt;li&gt;`:定义列表项。 - 示例: ```html &lt;ul&gt; &lt;li&gt;项目一&lt;/li&gt; &lt;li&gt;项目二&lt;/li&gt; &lt;/ul&gt; ``` #### 17. 有序列表...

    html标签学习

    13. `&lt;br&gt;`:插入换行符。 14. `&lt;hr&gt;`:插入水平线,分隔页面内容。 15. `&lt;strong&gt;`和`&lt;em&gt;`:强调文本,`&lt;strong&gt;`为加粗,`&lt;em&gt;`为斜体。 16. `&lt;blockquote&gt;`:用于引用大段文本。 17. `&lt;code&gt;`和`&lt;pre&gt;`:展示...

    HTML标签和属性

    * `&lt;pre&gt;`:定义欲格式化的文本,被包围在其中的文本通常会保留空格和换行符 字体标签 * `&lt;strong&gt;&lt;/strong&gt;`:将文本定义成语气更强的强调内容,产生字体加粗的效果 * `&lt;b&gt;&lt;/b&gt;`:字体加粗 * `&lt;em&gt;&lt;/em&gt;`:将文本...

    html常用标签学习笔记

    15. `&lt;br&gt;`:换行标签,用于在文本中插入一个换行符。 16. `&lt;hr&gt;`:水平线标签,用于在页面上添加一条水平分隔线。 17. `&lt;strong&gt;` 和 `&lt;em&gt;`:强调标签,`&lt;strong&gt;`用于表示重要的文本,`&lt;em&gt;`用于表示需要着重...

    网设计与制作练习 .pdf

    12. 插入换行符:`&lt;br&gt;`标签用于在文本中插入一个换行。 13. 引用和引文:`&lt;cite&gt;`标签用于表示引文或引用。 14. 设置字体样式:`&lt;font&gt;`标签(已过时)的`size`属性可以设置字体大小,`face`属性设置字体类型,如...

    html标签大全

    这些只是HTML标签中的一部分,完整的HTML标签集还包括许多其他元素,如段落(`&lt;p&gt;`)、标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、图像(`&lt;img&gt;`)、列表(`&lt;ul&gt;`、`&lt;ol&gt;`和`&lt;li&gt;`)、表格(`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等)、段落格式...

    HTML常用标签.pdf

    10. &lt;br&gt;:插入一个换行符,用于分行。 11. &lt;font&gt;:定义文本的字体、大小和颜色,但在HTML5中已不推荐使用,推荐使用CSS来控制样式。 12. &lt;h1&gt;到&lt;h6&gt;:定义不同级别的标题,&lt;h1&gt;最大,&lt;h6&gt;最小。 13. &lt;hr&gt;:创建...

    HTML语法整理

    - **`&lt;br&gt;`**:插入换行符,使文本或元素强制换行。 - **`&lt;hr&gt;`**:定义水平线,常用于分隔文档中的内容。 - **`&lt;body&gt;`**:通过`bgcolor`属性设置背景颜色。 - 示例:`&lt;body bgcolor="yellow"&gt;` - **`&lt;table&gt;`**:...

    html思维导图及总结

    - &lt;pre&gt;:显示预格式化文本,保留空白符和换行符。 - &lt;s&gt;:表示不再相关或者不再正确的文本。 4. HTML文档结构标签: - &lt;header&gt;、&lt;footer&gt;、&lt;article&gt;、&lt;section&gt;、&lt;aside&gt;、&lt;nav&gt;:用于定义文档的不同部分,有...

    html标签 HTML学习

    - 描述:预格式化文本,保留空格和换行符。 - 示例: ```html &lt;PRE&gt; 保留 空格和 换行 &lt;/PRE&gt; ``` **23. `&lt;CENTER&gt;`** - 描述:将元素居中对齐。 - 示例: ```html &lt;CENTER&gt;居中的文本&lt;/CENTER&gt; ``` ###...

    html标签大全,常用html标签

    - `&lt;br&gt;`: 插入换行符。 - `&lt;blockquote&gt;`: 创建缩进引用。 - `&lt;dl&gt;`, `&lt;dt&gt;`, `&lt;dd&gt;`: 定义列表,其中`&lt;dt&gt;`为词条,`&lt;dd&gt;`为描述。 - `&lt;ol&gt;`和`&lt;ul&gt;`: 分别创建有序列表和无序列表。 - `&lt;li&gt;`: 列表项标记,...

    Html5中文手册(程序员必备手册)

    15、&lt;br&gt; 定义换行符。 16、&lt;button&gt; 定义按钮。 17、&lt;canvas&gt; 定义图形。 18、&lt;caption&gt; 定义表格标题。 19、&lt;col&gt; 定义表格列的属性。 20、&lt;colgroup&gt; 定义表格列的分组。 21、&lt;command&gt; 定义命令按钮。 22、...

    《网页设计语言》实验指导书

    - `&lt;br&gt;`用于插入换行符。 - `&lt;hr&gt;`用于定义水平线,通常用于分割内容。 - `&lt;em&gt;`和`&lt;strong&gt;`分别表示强调和重要性加强的文字。 - `&lt;ul&gt;`、`&lt;ol&gt;`用于无序和有序列表,列表项通过`&lt;li&gt;`定义。 - `&lt;pre&gt;`用于预...

Global site tag (gtag.js) - Google Analytics