`
流浪鱼
  • 浏览: 1684769 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html标签pre让内容换行

阅读更多

< pre>标签不会自动换行,使用起来比较麻烦,不过现在确实已经很少用这个标签了。但是如果用到的时候,需要换行怎么办?这里有一个用CSS来解决< pre>标签换行的问题,支持各种浏览器,还支持css3呢。

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

 

有时候这样也不行的话,可以使用一下代码

String disclosureInfo = (String)request.getAttribute("carinfo.disclosureInfo");
String statement = (String)request.getAttribute("carinfo.statement");


<%= disclosureInfo.replace("\n","<br />") %>
<%= statement.replace("\n","<br />") %>

 

 

 

分享到:
评论

相关推荐

    让pre标签自动换行示例代码

    为了让 `&lt;pre&gt;` 标签的内容自动换行,我们需要通过 CSS 来调整其样式。主要涉及的是 `white-space` 和 `word-wrap` 属性。下面详细解释这两个属性: 1. **`white-space` 属性**: - `white-space: pre;`:这是 `...

    html pre标签使文本自动换行

    这就是让`&lt;pre&gt;`标签内的文本自动换行的关键。 4. `-moz-pre-wrap`、`-pre-wrap`、`-o-pre-wrap`:这些是不同浏览器的前缀版本,用来确保在旧版浏览器中也能实现相同的效果。 5. `break-word`:当一个单词太长无法在...

    div+pre标签的组合实现文本原格式显示与自动换行

    对于未知的文本格式,如果要求文本单行过长时换行显示,并且保留原文本的空格和换行符,就可以通过div+pre标签的组合,再分别设定各自的样式来实现(pre标签一般不适用width属性) 复制代码代码如下: &lt;!DOCTYPE ...

    Label的ToolTip属性,或是a标签的提示换行问题

    在探讨“Label的ToolTip属性,或是a标签的提示换行问题”这一主题时,我们首先需要理解几个核心概念:ToolTip属性、HTML编码与解码、以及如何在网页中实现文本的换行。以下是对这些概念的详细解析: ### 1. ToolTip...

    GridView控件中内容的换行

    - 使用CSS自定义样式来控制单元格的`white-space`属性,将其设置为`normal`或`pre-wrap`,允许内容自然换行。例如: ```css .gridview td { white-space: normal; } ``` - 调整单元格的宽度,使其能适应内容...

    html pre标记里内容自动换行

    被包围在 pre 元素中的文本通常会保留空格和换行符,但不幸的是,当你在&lt;pre&gt;标签里面写代码的时候,如果你没有手动换行,它也会给你保留,而不会自动换行。 这时候,你可以使用overflow:auto; (当代码超出容器边界...

    struts2的checkboxlist标签换行

    可以添加自定义CSS类到`&lt;s:checkboxlist&gt;`标签,然后在CSS文件中设置`display`属性为`inline-block`或`block`,并利用`white-space: pre-line`或者` `标签来控制换行。例如: ```html ``` 在CSS中: ```css...

    gridview一般换行,强制换行

    在HTML中,也可以直接在单元格内使用` `标签来强制换行,但这需要知道何时插入换行,通常不适合动态内容。 3. **自定义模板列**:对于更复杂的情况,如特定字段需要换行,可以创建自定义模板列,然后在模板中...

    CSS 网页内容换行控制

    它可以模拟HTML中的`&lt;pre&gt;`标签效果,以及表格单元格的`nowrap`特性。`white-space`的取值包括: 1. `normal`:默认值,文本会自动处理换行,当内容达到容器边界时,会转到下一行。 2. `pre`:保留所有的空白字符,...

    itext导出HTML到PDF的换行和解决中文包(配套三个)

    例如,HTML中的` `标签会在PDF中产生一个新行,但CSS样式(如`white-space: pre-wrap`)也会影响换行行为。要正确处理换行,你需要确保在创建PDF时正确解析和应用HTML的样式规则。 接下来,我们来看看中文字符的...

    Asp.Net中文本换行.rar

    例如,`white-space: pre`会让浏览器保留所有的空白和换行,而`white-space: normal`(默认值)则会合并连续的空白和删除行内换行。 3. **Asp.Net控件**: - `Label`控件默认会把多个空格和换行视为一个空格。若要...

    如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    总的来说,通过结合CSS和JavaScript,我们可以使`&lt;pre&gt;` 元素在保留格式的同时自动换行,以及让`&lt;textarea&gt;` 的高度自适应其内容。这不仅可以提升用户体验,也有助于保持页面布局的整洁。请注意,如果在实际项目中...

    Web-前端html+css从入门到精通 116. pre标签与code标签.zip

    本教程重点讲解了两个非常重要的HTML标签:`&lt;pre&gt;`和`&lt;code&gt;`,它们在展示代码片段或者保留原始格式的文本时起着至关重要的作用。了解并熟练掌握这两个标签,能帮助开发者更好地呈现页面中的编程代码和其他需要保持...

    HTML的基本标签是构成网页内容结构的基础元素,下面是一些常见的HTML基本标签

    HTML 是构建网页内容结构的基础元素,基本标签是构成网页内容结构的基础元素。下面是一些常见的 HTML 基本标签: 文档结构标签 * `&lt;!DOCTYPE html&gt;`:声明 HTML 文档类型,指定文档类型。 * `&lt;html&gt;`:根元素,...

    ckeditor纯数字和纯字母不能换行问题

    - **使用 `&lt;pre&gt;` 标签**:将文本包裹在 `&lt;pre&gt;` 标签中,可以让浏览器保留文本中的空格和换行。 ##### 3. 使用JavaScript动态调整 如果上述方法都无法满足需求,还可以考虑使用JavaScript动态地调整文本的显示效果...

    HTML标签与属性大全

    以下是一些重要的HTML标签和属性的详细说明: 1. **基础标签**: - `&lt;html&gt;`:HTML文档的根元素,包含整个文档。 - `&lt;head&gt;`:定义文档头部,通常包含元信息,如标题、字符集等。 - `&lt;body&gt;`:定义文档主体,即...

Global site tag (gtag.js) - Google Analytics