保留HTML中的换行符但包装文本:可能吗？
保留HTML中的换行符但包装文本是可能的。在HTML中，换行符通常被表示为<br>标签。为了在文本中保留换行符并使其自动换行，可以使用CSS样式来实现。
在CSS中，可以使用white-space属性来控制文本的换行方式。例如，可以使用white-space: pre-wrap或white-space: pre-line来保留文本中的换行符，并自动换行。
以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head><style>
p {
white-space: pre-wrap;
}
</style>
</head>
<body>
<p>这是一段文本，
包含换行符。
保留换行符但自动换行。</p>
</body>
</html>在这个示例中，white-space: pre-wrap样式使得<p>标签中的文本保留了换行符，并自动换行。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云COS：一个用于存储和管理文件的云存储服务，可以用于存储和访问静态网站、音视频文件、图片等。
- 腾讯云CLB：一个用于管理和分发流量的负载均衡服务，可以用于处理大量并发请求，并将请求分发到多个后端服务器。
- 腾讯云CDB：一个用于存储和管理数据的云数据库服务，可以用于存储和访问结构化数据。
这些产品都可以用于构建和部署各种应用程序，包括网站、移动应用程序、物联网应用程序等。
相关·内容
2回答
如何使用联系人表格7 wordpress在邮件中添加换行？
php、wordpress
如何使用联系人表单7在邮件模板中添加换行。我搜索了它，但找不到apt的解决方案。
，这是我的邮件模板，我只想在段落中显示内容。你知道吗，，
在我的后端(wp-admin联系人表7邮件)中，我会这样做。
<tr>
<td width="30%" style="padding:10px 15px;"><p style="font-size:14px;color:#878787;">Relevant Medical History: </p></td>
浏览 1提问于2018-10-23得票数 0
2回答
角:如何同时换行和换行长除数字符串。
css、angular
我有一个离子/角度应用程序，在这个应用程序中，我读取日志文件，其中每条消息都由一个行提要分隔(例如\r\n for Windows)。
我有一个关于这个的简单例子
我想做的是
1.对视图的宽度和太长的字符串进行包装
2. \r\n处的中断
要执行1，我可以使用(app.component.css中)
#messages {
word-wrap: break-word;
}
要执行2，我可以使用
#messages {
white-space: pre;
}
但是，他们不一起工作。如果我有
#messages {
white-space: pre;
w
浏览 0提问于2020-11-09得票数 0
回答已采纳
2回答
避免与空白的宽度重叠：
css
你好，我正在尝试创建一个像应用程序这样的对话。我需要white-space: pre;用\n为我的消息显示新行，但当我这么做的时候。它会重叠。我正试图找到一种方法，使我的\n创建新的行，同时创建单词中断，这样我的div上的单词就不会重叠。
<!DOCTYPE html>
<html>
<head>
<style>
p.c {
white-space: pre;
}
</style>
</head>
<body>
<h2>white-space: pre:</h2>
<div
浏览 0提问于2020-04-20得票数 0
回答已采纳
3回答
div中的文本中的新行
html、textarea
当我放置一个通过ajax调用加载的文本时，我有一个小问题。
我从一个文本区域获取内容并将其存储在我的数据库中，当我想要在div中显示文本时，它不考虑新行，所以所有的文本都是连续的。
下面的代码显示了一个小示例：
$(function() {
$('.buttonA').click(function() {
$('.message').html($('textarea[name="mensaje"]').val());
});
});
.message {
width:300px;
浏览 0提问于2012-07-11得票数 56
回答已采纳
1回答
腾讯云产品如何选择？
云服务器、腾讯云、部署、产品、域名
我目前有一个域名，和一台自己的物理机，并且只能通过ipv6访问，但是运营商屏蔽了80端口。现在我在云服务器上部署了一套应用，通过80端口访问，现在云服务器快到期了，我想把应用迁移到自己的服务器上面。但是我就想通过域名+80端口访问机器上部署的应用，有没有类似的产品可以让我将域名映射到腾讯云的ip，通过80端口访问，然后再由腾讯云转发到我的服务器上的81端口（只需要HTTP转发就行）
浏览 144提问于2023-08-02
1回答
如何将细胞的运输返回作为新的线？
html、css
是否有任何方法来定义一个CSS类，将组件的文本的回车(例如来自DB的)替换为<br/>，以便将它们显示为新行？
目前，我有一个表，其中一个字段是用户输入的注意事项，它们以弹出形式输入。它们可以使textarea中的段落和加载在表单文本区域中供编辑的数据显示正确的新行，但当更新和弹出关闭时，主页的数据表自然不会将新行回车转换为新的HTML行。我的问题是，有什么方法可以通过CSS来实现吗？
我使用CSS word-wrap: break-word在我的表单元格中显示注释内容，以便将文本包装到单元格内的新行中，但是，对于用户输入的新行，它不会使用
，它们是在DB中存储和检索精细的BTW。
浏览 21提问于2015-09-18得票数 6
2回答
在Rails中不使用断线的文本
css、mysql、ruby-on-rails、gmail、webmail
我有一个AngularJs + Rails。
我有一个带有文本字段的表单，用户可以用断线写出任何文本。当用户提交表单时，存储在db中并通过电子邮件发送给其他用户的消息。发送的电子邮件应保持中断行。
关键是消息的格式在生产中工作得很好。然而，它已经停止了在发展方面的工作。显然，我们还没有在代码中进行影响这一点的特定更新，但是我们正在将Rails和mysql迁移到一个正在开发的更新版本。因此，我想知道这是否与此有关，然而，我无法确切地看到问题出在哪里。
请举例说明这两种不同的行为：
我们将在两个环境中发送相同的示例消息，因此在我们的textarea中我们编写：
This is a test mes
浏览 3提问于2020-01-20得票数 4
1回答
在Ember.js中，将数据中的换行符转换为HTML元素的惯用方法是什么？
html、ember.js、handlebars.js
我正试图找出最好的方法，让Ember.js将特殊字符转换为格式正确的HTML。在本例中，我有包含新行的数据，我希望Ember.js/节条显示为BR元素。
以下是中的示例：
Ember.Handlebars.registerBoundHelper('breaklines', function(text) {
text = Ember.Handlebars.Utils.escapeExpression(text);
text = text.replace(/(\r\n|\n|\r)/gm, '<br>');
return new
浏览 2提问于2014-10-21得票数 3
回答已采纳
1回答
MySQL varchar和换行器仅适用于文本区域。
php、html、mysql
我获得了一个包含varchar字段的DB条目，并保存了以下文本：
This is a line
new line here
and another line here
只有在textarea中打印时，我才能看到这些换行符。怎样才能使文本区域之外的断线工作？
浏览 0提问于2017-04-28得票数 0
回答已采纳
2回答
javascript显示多行文本
javascript、jquery、html
我尝试显示多行文本，但它总是显示为一行。
例如：
var text ="line 1. \n line 2. \n line 3."
它应该是这样显示的：
line 1.
line 2.
line 3.
但我最终得到的是
line 1. line 2. line 3.
在呈现的html页面中。
我尝试了jquery text和html方法，但没有成功。
即使是通过angularjs，它也总是一样的。
$('#element').text(text);
$('#element').html(text);
or
<div>{{
浏览 65提问于2018-07-30得票数 0
回答已采纳
1回答
我如何使我的网站尊重空间？(在管理职位)
html、css、django
我有一个名为www.confiam.com.br的网站，这是一个django项目。我一直在做一些调整，在最后一次调整中，我打破了帖子段落中的一些内容，现在这不尊重空白，甚至当我跳过一些行时也是如此。
在html中我有：
<div class=item>
<p><h1>{{ post.nome_evento }}</h1></p>
<center><picture>{% cloudinary post.foto_evento %}</picture></cente
浏览 3提问于2017-07-18得票数 0
回答已采纳
3回答
使用Ruby on Rails在文本区域中保留换行符
ruby-on-rails、ruby、textarea
为了练习Ruby on Rails，我创建了一个包含文本区的博客(遵循Mackenzie Child的教程)。提交文本时，将删除所有换行符。我知道已经有人问过这个问题的不同版本，但尽管尝试了一整天，我还是无法复制任何结果。我对JQuery不是很熟悉。
是否有一组步骤可以保留换行符？
_form.html.erb
<div class="form">
<%= form_for @post do |f| %>
<%= f.label :title %><br>
<%= f.text_fie
浏览 6提问于2015-02-09得票数 21
回答已采纳
2回答
防止从Firebase的Angular中剥离JSON的格式
javascript、json、angularjs、angularjs-ng-repeat、firebase
我有一个连接到Firebase的应用程序，并显示了一个ng-repeat，请参见下面的代码。连接可以工作并显示，但是描述项有一个内联来创建单独的段落，不幸的是，它被剥离了，段落简单地打印到页面上作为一个大段落。我目前使用的是Angular 1.3.8。我试过ngSanitize，但它要么不工作，要么我用错了。任何帮助都是非常感谢的。谢谢。
<div>
<tr ng-repeat="m in members | orderBy:'company' | filter:query">
<td style="
浏览 1提问于2015-02-25得票数 0
2回答
线包串
javascript、jquery、css
我从github模块发送了一个字符串，格式如下：
Added debug mode for developers
Simply add the class DEBUG to the body and you'll notice little boxes
scattered throughout your site attached to each grid item.
我想知道是否有css选项可以清除这些行，因为浏览器上面这样读：
Added debug mode for developers Simply add the class DEBUG to the body and yo
浏览 2提问于2013-08-03得票数 2
回答已采纳
6回答
如何显示带换行符的文本
html、angularjs
我需要用断行符显示文本，这是脚本
<script>
var app = angular.module('MyApp', []);
app.controller('Ctrl', function ($scope) {
console.log('Controller is executed');
$scope.btnClick = function () {
console.log($scope.desc);
}
$scope
浏览 0提问于2017-03-23得票数 14
回答已采纳
3回答
在固定宽度的div中包含一个文本，并带有“空白: pre;”
css、node.js、express、views、pug
如果标题有点模糊，请允许我解释。
我正在使用NodeJS，MongoDB和Express制作一个小的问答应用程序。
目前，我正在使用CSS进行布局部分。
我有一个很小的文本区，您可以在其中提交文本，在单击submit按钮后，您将被重定向到一个页面，其中显示了您刚刚通过表单输入的数据。
然而，文本的主体溢出了我为div设置的最大宽度，这发生在我添加了“breaks space: pre;”属性以在帖子中启用换行之后。在此之前，文本将保持在我为div定义的960px宽度内，但不会有任何换行。
此视图的Jade代码：
extends layout
block content
div.pag
浏览 0提问于2015-05-05得票数 2
8回答
在VueJS中呈现换行符
javascript、vue.js
我正在创建一个便笺应用程序，用户可以通过在文本区域中输入多行文本来添加便笺。当我将便条保存在Firebase中时，它将使用我想要可视化的换行符(\n)保存。
因此，我编写了一个过滤器，它用<br />替换这些字符，效果很好。
不过，现在我需要使用{{{note.content}}}来呈现我的数据，用户可以注入将要执行的HTML、CSS和JS。
我应该使用像这样的东西来验证内容，还是有一种方法可以安全地呈现换行符？
浏览 9提问于2016-04-19得票数 113
回答已采纳
1回答
生成格式良好的带有制表和新行的酒瓶表单输出。
python、flask
我正在尝试创建一个web应用程序，它将生成模板代码，供单独的程序使用。我想在提交时产生一条结构良好的表单消息，其中包含选项卡和新行。
这是当前代码的迭代：
from flask import Flask, render_template
from flask_bootstrap import Bootstrap
from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import Required
app = Flask(__name__)
# F
浏览 0提问于2019-05-20得票数 0
回答已采纳
2回答
Javascript不识别新行
javascript、html、css、node.js
我将使用ajax请求将一些细节发布到Nodejs后端，并创建多行字符串。为了做到这一点，我做的事情如下：
changeString = req.body.Change1 + '\n'
changeString = changeString + req.body.Change2 + '\n'
changeString = changeString + req.boyd.Change3 + '\n'
....
之后，我将这个字段插入到我的数据库中。这非常好，我可以进入数据库，将字段值复制到记事本中，并查看行的更改：
sdsdsds
sdsds
浏览 6提问于2020-03-06得票数 2
回答已采纳
8回答
XML中的换行？
html、xml、parsing、line、break
我是web开发的初学者，我正在尝试在我的XML文件中插入换行符。这是我的XML的样子：
<title>Song Title</title>
<lyric>Lyrics</lyric>
<song>
<title>Song Title</title>
<lyric>Lyrics</lyric>
<song>
<title>Song Title</title>
<lyric>Lyrics</lyric>
浏览 0提问于2010-06-07得票数 20
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
