CSS没有文字换行
是指在网页中使用CSS样式时，文字不会自动换行到下一行，而是一直在同一行显示，直到达到容器的边界。
在CSS中，可以使用以下属性来控制文字的换行方式：
white-space属性：用于控制空白字符的处理方式，包括换行符、空格和制表符等。常用取值有：normal：默认值，自动换行。nowrap：不换行，文字将在同一行显示。pre：保留空白字符的原始格式，不自动换行。pre-wrap：保留空白字符的原始格式，自动换行。pre-line：合并多个空白字符，自动换行。
word-break属性：用于控制单词的换行方式。常用取值有：normal：默认值，根据语言规则进行换行。break-all：允许在单词内换行，适用于长单词或URL等。keep-all：不允许在单词内换行，适用于中文等不使用空格分隔单词的语言。
overflow-wrap属性：用于控制单词的换行方式，与word-break类似。常用取值有：normal：默认值，根据语言规则进行换行。break-word：允许在单词内换行，适用于长单词或URL等。
下面是一个示例代码，演示如何使用CSS实现文字换行：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
width: 200px;
border: 1px solid black;
}
.text {
white-space: normal;
word-break: break-all;
overflow-wrap: break-word;
}
</style>
</head>
<body>
<div class="container">
<p class="text">This is a long text that will wrap to the next line if it exceeds the container's width.</p>
</div>
</body>
</html>在上述示例中，.container类定义了一个宽度为200px的容器，.text类定义了文字的换行方式。文字超过容器宽度时，会自动换行到下一行。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云内容分发网络（CDN）。腾讯云云服务器提供了弹性的计算能力，可以满足各种规模的网站和应用的需求；腾讯云内容分发网络可以加速网站的访问速度，提供更好的用户体验。
腾讯云云服务器产品介绍链接：https://cloud.tencent.com/product/cvm
腾讯云内容分发网络产品介绍链接：https://cloud.tencent.com/product/cdn
相关·内容
1回答
我有下面的css代码
thead
{
/*some code*/
}
tr,img {
/*some code*/
}
@page {
/*some code*/
}
p,h2,h3 {
/*some code*/
}
h2,h3 {
/*some code*/
}
img {
/*some code*/
}
我希望所有与img相关的css使用php正则表达式preg_match或preg_replace。例如，如果我搜索img，下面的输出必须显示
tr,img {
/*some code*/
}
img {
/*some co
浏览 2提问于2015-07-11得票数 0
1回答
我有一个文本的主体，我在网页中的一些<pre>标签中显示。我想在此文本正文的左侧添加一列，以显示文本的行号。
文本的主体是使用PHP file_get_contents()检索的，所以我只是在<pre>标记中echo-ing一个字符串。
我想这可以用JavaScript来实现，但是我还没有找到解决方案。
我在这里看到的解决方案通常使用库或CSS。CSS方法很棒，但是这个方法似乎要求正文的每一行都有自己的对应标签(例如<p>或<span>)。
// Example of CSS Solution
p:not(:first-child):befor
浏览 11提问于2020-07-30得票数 0
4回答
重置css (img)
、、、
我是CSS的新手，所以有一个简单的问题。
这是我的脚本=>
<!DOCTYPE html>
<html>
<head>
<title>Default</title>
<meta charset="UTF-8">
<style type="text/css">
body,div,html,img
{
margin: 0;
padding: 0;
border: 0;
}
</style
浏览 1提问于2012-03-01得票数 3
回答已采纳
1回答
//example1
#include<stdio.h>
int main()
{
printf("hello World"
);
}
//example2
#include<stdio.h>
int main()
{
printf("hello World
");
}
在示例1中，编译器没有显示任何错误，但在示例2中，它显示了一个missing terminating " character错误。为什么？
浏览 0提问于2019-06-22得票数 0
1回答
我使用Notepad++编写代码。有时，当我回显时，我通常使用常规的键盘TAB来使代码在Notepad++中看起来更好。一切都很好，直到我使用了一些CSS样式来换行(修复Mozilla Firefox的一个问题)：
td{
word-wrap: break-word;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
white-space: -pre-wrap;
}
这应该应用于我所有的"td“元素。所以，问题是我在Notepad++中的这些选项卡并没有呈现为页面上的选项卡！把设计
浏览 0提问于2011-05-27得票数 2
回答已采纳
我有用几种语言，html，css，php等语言在数据库中编写的代码。我希望它在我的页面上以适当的换行方式显示。如下所示：
所以，当我显示html时，它执行它而不是显示它，这是正常的。所以我使用htmlspecialchar，除了不能再分行之外，所有内容都显示在一行上。我不能让br离开这里。
我该怎么做？
浏览 3提问于2022-09-05得票数 1
回答已采纳
1回答
我正在使用这个ajax代码从一个VB函数中得到一个'YES‘或'NO’值。
$.ajax(
{
type: 'POST',
url: 'validateWorkorder',
data: str,
dataType: "html",
success: function (data)
浏览 2提问于2014-07-24得票数 0
回答已采纳
我使用bash脚本向节点应用程序发送参数，如下所示： testString="\nhello\nthere"
node ./myNodeScript.js $testString 当我在node程序中将其捕获为process.argv[2]之后使用testString时，问题就来了--而不是将\n字符扩展到换行符node逐字打印它们。我需要一种方法来告诉node将参数转换为javascript字符串，考虑到格式化字符。有没有办法解决这个问题？
浏览 31提问于2019-12-07得票数 0
我有以下JavaScript变量：
var a = 'No line breaks\nhere!';
当我console.log(a)时，我收到以下信息：
这里没有换行符\n！
如何将比喻字符串换行符替换为文字字符串换行符？
我已经尝试了更明显的方法：
a = a.replace('\n','\n');
浏览 36提问于2018-08-22得票数 1
回答已采纳
我想在使用PHP时更改文本框的javascript中的内容。
如果我用纯文本将其更改为：
echo "<script> var test = 0; simplemde.value('test');
test+= 5; alert(test);</script>";
它起作用了。但是有了php变量，它就不再工作了：
echo "<script> var test = 0; simplemde.value('$markdown');
test+= 5; alert(test);</script&g
浏览 0提问于2016-05-04得票数 0
我有个文件
$ cat f2
line 1; li
ne 2$
请注意，最后一个$是bash提示符，而不是文件内容的一部分。
我试着做将不以数字结尾的每一行连在一起，下一行用gawk表示。但与我之前的文章不同，现在我试图通过在新行字符\n前面尝试使用不同数量的反斜杠来了解bash、gawk和gensub()如何处理反斜杠。我想知道为什么在n找不到一行没有以数字结尾的行之前，使用三个以上反斜杠的gawk命令会成功？通常，bash、gawk和gensub()如何成功地处理反斜杠？谢谢。
$ gawk 'BEGIN{RS="\f"} {b=gensub("([^[:d
浏览 0提问于2018-11-14得票数 2
回答已采纳
这是我的代码：
var htmlString = "<p>ckeditor</p>\n";
这就是当我在CKeditor中输入"ckeditor“时得到的结果。它自动附加html标记。
我试过了
var string = htmlString.replace(/(<([^>]+)>)/ig,"");
但是，我在字符串中得到的是：
正如您在上面看到的，这里还添加了新行，我只想要没有添加新行的字符串。请提供一个解决方案。
浏览 1提问于2016-09-01得票数 1
回答已采纳
4回答
我正在尝试下面的代码，但它打印为false。我本以为这会是真的。此外，Pattern.Compile() statemenet给出了一个警告“冗余转义字符”。有人能帮我解释一下为什么这没有返回true，为什么我看到了一个警告吗？
public static void main(String[] args) {
String s = "\\n";
System.out.println(s);
Pattern p = Pattern.compile("\\\n");
Matcher mm = p.matcher(s);
Sy
浏览 4提问于2016-12-04得票数 3
3回答
我在Page.aspx.cs文件中有这样的代码：
void btnSessionCreate_Click(object sender, EventArgs e)
{
if (Session["user"] == null)
{
Session["user"] = Guid.NewGuid().ToString();
Response.Redirect("/");
}
else if (Session["user"] !=
浏览 3提问于2013-03-07得票数 6
回答已采纳
4回答
^.+\\(.*\\)
我正在努力解决这个问题，任何帮助都将不胜感激…
另外，有没有一个网站可以让你粘贴一个正则表达式，然后用纯文本的形式说出它的意思？
浏览 1提问于2010-06-15得票数 1
回答已采纳
3回答
PHP函数有一个奇怪的问题。
像这样使用它
$header = "MIME-Version: 1.0" . "\r\n";
$header .= "Content-type: text/html; charset=utf-8" . "\r\n";
$header .= "Content-Transfer-Encoding: quoted-printable" . "\r\n";
$header .= "Reply-To:" . $email . "\r\n";
$h
浏览 2提问于2013-02-21得票数 1
回答已采纳
当用户双击我的文本区域时，默认文本会出现在框中。文本是代码，所以我想以一种可读的方式格式化，但我似乎不知道如何用JavaScript格式化粘贴的代码。
function initialHTML(){
document.getElementById("html").value = "<h3>Greetings!</h3>"
+
"<p>S
浏览 1提问于2019-09-26得票数 0
我有以下代码：
public static void main(String[] args) {
String key = "myjsonkey";
String baseJson = "{\"" + key + "\":\"my json %svalue\"}";
String inBackslashAndN = String.format(baseJson, "\\n");
String inNewline = String.format(baseJson, &
浏览 0提问于2017-06-27得票数 1
好的，我一直在处理一个PHP5.3服务器返回一个手工的JSON (因为在5.3中json_encode函数中没有JSON_UNESCAPE_UNICODE )，在读取并做了一些测试之后，我想我在jQuery的parseJSON函数中发现了一个问题。
假设我有以下JSON：
{
"hello": "hi\nlittle boy?"
}
如果您使用检查它，您可以看到它是有效的JSON。但是，如果您尝试执行以下操作，则会收到一条错误消息：
$(function(){
try{
$.parseJSON('{ "hello&
浏览 0提问于2012-10-07得票数 4
回答已采纳
3回答
标题元素中的换行符
、、、
因此，我正在尝试重新创建一个宝丽来图像显示，这是我在网上找到的，它也使用title元素作为图像的标题。问题是，我想要在title元素中换行，但我无法实现。我使用了br，但在title=中使用了“...”文本只是纯文本，因此br也像文本一样。例如，我想要有一个标题"Hello br world"，其中br是换行/标题的点。我给你CSS代码：
.polaroid-images a {
background: white;
display: inline;
float: left;
margin: -50px 50px 30px;
padd
浏览 13提问于2018-08-08得票数 0
回答已采纳
2回答
我知道以前也有人问过类似的问题。在我所知道的所有问题中，我没有找到解决办法，我已经自己尝试过几件事，但为了简洁起见，我没有列出这些问题。
在角度上，我试图在一个转义字符串中用\n替换<br>，这个字符串看起来像ABC\nDEF\n\nGHI。
我使用的是var replaced = original.replace(/\r?\n|\r/g, "<br>")，如果original没有被转义，它可以正常工作。
当original被逃脱时，我如何才能获得相同的信息？
浏览 0提问于2015-09-18得票数 1
回答已采纳
1回答
我正在清除R中的文本，我的文本有以下形式
但他无法回避作者所写的主题全篇\n相似的文章，13022015名真正的人没有回到未来，01072012\n，当他周三晚上在这里站在这里团结民主党人支持希拉里·克林顿时，富勒·奥巴马将重新审视他自己的承诺，引导国家进入和解与团结的时代，回到推动他不可思议的崛起的主题，但这似乎在今天变得更加遥不可及。‘我们对政治僵局感到沮丧，担心种族分裂，奥兰多的疯狂和富勒先生的疯狂使他们感到震惊和悲伤。
我想摆脱
作者写的类似的作品是伟大的13022015\n真正的人不可能回到未来01072012\n
所以要获得这样的东西
但是他无法回避这个话题，当他
浏览 2提问于2016-07-28得票数 1
回答已采纳
1回答
我使用了这个方法：
matchers = {'-\n' => '', '\n' => ' ', '&' => ''}
text.gsub(/-\n|\n|&/) { |match| matchers[match] }
gsub用''代替了'\n'，而不是' '。由于单引号和双引号在转义字符方面存在差异，我认为这会有所帮助：
matchers = {"-\n" => '
浏览 16提问于2018-03-03得票数 0
1回答
我尝试在gsub替换模式中插入换行符。如果替换是双引号字符串文字(如"text\ntext" )，则它有效，但如果替换是变量，则不起作用。这可能与我引用替换字符串的方式有关。
如果我这样做了：
replace = "\n// some text"
text.gsub!(/#{find}/, replace)
它工作得很好。
但是当包含\n的替换字符串被写入文件中时，
\n// some text
通过File.open读取，并存储为字符串，然后替换：
text.gsub!(/#{find}/, "#{replace}")
text.gsub!(/
浏览 137提问于2018-06-06得票数 0
回答已采纳
我有一根线
var string = "I have a a string \\nThis is a new line\\nThis is another";
我想要的是
var string = "I have a a string \nThis is a new line\nThis is another";
我用过
string.Replace("\\","\");
Newline in constant
但是会得到错误信息"Newline in constant“
浏览 0提问于2016-06-02得票数 8
回答已采纳
2回答
我正在使用black==20.8b1。
我有一个很长的字符串，比如：
return f"{self.name}, a {adjective.to_name()} {kin_string}{self._type.to_name()} who works for the {target.get_relationship_target_string()}."
我运行：
$ black -l 80 . -t py38
All done! ✨ ✨
2 files left unchanged.
为什么字符串没有换行？我认为black现在支持字符串包装(基于github中的问题)。
浏览 10提问于2020-08-31得票数 8
我目前正在开发一个web刮刀，并且在一个特定的网页上从<script type="application/ld+json>获得JSON。我使用Cheerio将其作为字符串获得，并将其传递给JSON解析器(npm包)。但是我继续得到一个语法错误，如果该值有一个尾随空格，就会发生这种情况。
我试着用修整每一种价值的方法来恢复，但它仍然不起作用。
这是我的JSON字符串的一个片段，在这里我得到了一个语法错误：
{"...821", "description":"
浏览 0提问于2019-09-25得票数 1
回答已采纳
3回答
我正在对一个表使用bootstap css。我需要一个固定长度的表中的内容(即，td)应包装成多行，如果需要的话。
下面是我的代码片段，它不工作。td的内容不会被包装在固定长度的单元格中。
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&g
浏览 0提问于2017-07-25得票数 1
1回答
问题
下面显示的字符串之间有什么区别？我怎样才能按计划分裂和重新加入他们呢？
最终目标
我试着从诗节中提取诗句。一些文本，如“1\n 2\n三”，应在结尾处打印为
1 one
2 two
3 three
在幕后，我需要这里显示的每一行进一步的行动-没有之前的数字。
状态
输出实验比较
我想知道为什么下面的字符串是内部创建的(参见“然而.”)行为与预期相同，而下面的“原始文本实验”中显示的文本则不然。
learn_drama$ python3 cli.py -打印_输入-文本输入“1\n 2\n三”
-- Raw text experiment --
one\ntwo\nthree
<
浏览 4提问于2021-12-29得票数 -1
回答已采纳
1回答
我在用gulp-replace替换几行代码时遇到了问题。下面是我需要删除的代码
@font-face {
font-family: Vaadin-Icons;
src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot);
src: url(../valo/fonts/vaadin-icons/Vaadin-Icons.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/vaadin-icons/Vaadin-Icons.woff) format("
浏览 4提问于2018-12-03得票数 0
2回答
我试图检测元素的CSS属性filter是否已经包含了一些规则。但是我的正则表达式永远找不到匹配的：/saturate\(.[^\)]\)/
这里有一个给你们的演示：
var filter = $('div').css('filter');
$('p').eq(0).text(filter.search(/saturate\(.[^\)]\)/)); //Should return something else than -1
$('p').eq(1).text(filter.search(/contrast\(.[^\)]\
浏览 3提问于2017-08-03得票数 3
回答已采纳
我有一个包含Map的Struts表单：
private Map<Long, String> questionAnswers = new TreeMap<Long, String>();
我有这个变量的普通getter和setter (这里没有显示)，我还有Struts工作所需的getter和setter (使用字符串/对象)：
public Object getQuestionAnswer(String questionId) {
return getQuestionAnswers().get(questionId);
}
public void setQue
浏览 0提问于2011-12-17得票数 0
回答已采纳
试图构建一个与一个或其他字符串匹配的正则表达式，除非第三个字符串匹配。
如果字符串有“从不”，则不匹配；如果字符串包含“失望”或“不开心”，则匹配。
我尝试使用(？！(从不).$)((失望)\(不开心)).*。
问题是-它没有抓住否定(上面#1)。也就是说，它匹配下面的所有3，而它应该只匹配下面的2和3。
永不失望
非常失望
不快失望
浏览 3提问于2016-12-24得票数 1
回答已采纳
2回答
我想为python代码示例创建类似于字典的东西。我的问题是，我必须转义所有的代码示例。另外，r'some string'也没有用。您是否建议使用其他解决方案来查询这些条目？
import easygui
lex = {"dict": "woerter = {\"house\" : \"Haus\"}\nwoerter[\"house\"]",\
"for": "for x in range(0, 3):\n print \"We are on time
浏览 3提问于2014-01-04得票数 1
回答已采纳
我有需要在for循环中响应的代码。
在循环之前，我设置了IFS="\n"
在循环中，echo -n将被忽略(除了最后一行)。
注意:这只是echo -n行为的一个例子
示例：
IFS='\n' for line in `cat file` do echo -n $line done
这一产出如下：
这是个测试
这是个测试
这是一个测试$
用户提示只出现在最后一行的末尾。
为什么会发生这种情况，有什么解决办法吗？
浏览 2提问于2016-06-05得票数 1
正在尝试创建here-string
> $scriptblock =@'
The string is missing the terminator: '@.
+ CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException
+ FullyQualifiedErrorId : TerminatorExpectedAtEndOfString
为什么我在Powershell ISE中获得此功能，但它在Powershell中正常工作？版本5.1。
> $scriptbloc
浏览 2提问于2020-10-29得票数 1
基本上，在bootstrap中，我的主页在两个网格中，所以在缩放(也就是。移动视图)，内容会在另一个下面移动，但我想将文本移动到网格的中心(水平和垂直)，而不是将文本对齐到中心，但这不能用d-flex引导函数正确实现。和 (导航栏的文本大小就是我想要的，尽管它们在“我想要”的照片中更大)。这是我到目前为止的代码：
*, *::before, *::after {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
background-color: #EECBD1;
font-family
浏览 1提问于2021-12-04得票数 0
1回答
我创建这个别名，以便在watch语句中展开别名。
> alias w='watch -x bash -i -c'
> alias k=kubectl
我执行它：
> w 'k get pods; echo; k get svc'
两秒钟后我看到：
[2]+ Stopped watch -x bash -i -c 'k get pods; echo; k get svc'
监视命令就停止了。
为什么要停止监视命令？
版本: Bash 5.1.16。Ubuntu 22.04
浏览 0提问于2023-04-04得票数 2
1回答
我有一个包含244万行的表，并在将它加载到服务器之后：
copy sample_table
from 'C:\sample_table.txt'
delimiter E'\t'
csv header
如果我做了
select count(*) from sample_table
pgAdmin 4将作为135万行返回计数
我觉得很奇怪，所以我导出了这个表，查看了Notepad++中的行数，它仍然是244万行(实际上有1行计数差，不确定原因，但以后会担心)
正如禤浩焯在评论中所建议的，我在psql中验证了这一点，但仍然只看到1.35万。
有什么建议吗？谢谢!
浏览 1提问于2021-07-25得票数 0
回答已采纳
1回答
我不明白为什么当Mars运行这个函数时，它会打印数组中的数字，而不是新行。你能帮帮我吗?
stampaC:
lw $t6,0($a1)
#Stampo c[i]
li $v0, 1
move $a0, $t6
syscall
li $v0, 4
la $a0, a_capo
syscall
addi $a1,$a1, 4
addi $a3,$a3, 1 #i++
bne $a3, 10, stampaC #Continua fino a quando i=10
jr $ra
浏览 1提问于2015-09-21得票数 0
为什么会出现这种情况？我以前没有正确使用过.innerHTML，我不知道为什么这会是错误的。
function asdf() {
document.getElementById("qwerty").innerHTML="A<br>
B<br>
C<br>
D<br>";
}
浏览 0提问于2013-09-25得票数 5
回答已采纳
1回答
我正在努力清理一个客户评估软件。在本例中，文本不会在框中换行。将固定大小添加到表中没有任何帮助，因为从SQL数据库调用的信息只会将其放在顶部，而不会发生扭曲。
<tr>
<td valign="bottom" align="center"><br />
<table style="background-color: #EFEFEF; box-shadow: 5px 5px 5px #999; table-layout:fixed; width:400px"
浏览 0提问于2014-11-29得票数 0
我希望删除每一个字符串，以一个或多个\开头，然后使用n。例如: input：{\n\n abc \\nb\\\ncc} expect output：{ abc bcc} In javascript它与regex /\\+n/g一起工作，但它在/\\+n/g中不工作：
str.replacingOccurrences(of: "\\+n", with: "", options: .regularExpression)
浏览 5提问于2020-10-16得票数 2
回答已采纳
有没有一种简单的方法可以在Textmate中用制表符替换逗号，希望使用Edit > Find (命令F)功能？
我已经尝试过/t和'/t‘，但是找不到有关正确语法的文档。此外，如果可能的话，尽量避免编写Ruby脚本。
浏览 0提问于2011-02-07得票数 11
回答已采纳
2回答
由于我需要在bash中的同一行中设置和使用别名，所以我想使用豪克拉延's 解决办法：
eval 'alias df5=df
df5 -h'
(为了这个例子，我以df和df5为例。我知道，在这个特定的示例中，可以用eval替换整个df -h命令。)
但是，我更愿意将这个命令写到一行中。
如何将包含新行的eval命令写入一行？
我没有成功地尝试以下一行命令：
eval 'alias df5=df\ndf5 -h'。误差-bash: alias: -h: not found
alias df5=df ; df5。错误：No command 'df5&#
浏览 0提问于2020-05-09得票数 2
我有这个密码。我试着和..mono 50匹配，其中50可以是任意数字。
imageUrl = 'http://example.com/media/image.mono-50.png';
imageUrlSplit = imageUrl.split('/.mono-\d+/');
console.log(imageUrlSplit);
这不匹配，但在我的测试工具regexr.com上是匹配的。
我对此做了很多不同的修改，包括以下几点。
.split('/.mono\-\d+/');
.split('/\.mono\-\d+/');
浏览 1提问于2016-08-31得票数 1
回答已采纳
我很难理解以下代码：
lastline=$(tail -n 1 $bc; echo x); lastline=${lastline%x}
if [ "${lastline: -1}" != $'\n' ]; then
echo >> $bc
fi
如果最后一行还不是\n，我想这一切都是为了在文件$bc中添加一个$bc。然而，echo x、lastline%x和${lastline: -1}对我来说一点意义都没有。我遗漏了什么？
文件$bc只包含以下行：
Sample1,ATAGFAT
浏览 4提问于2014-09-02得票数 2
回答已采纳
这是我的字符串：
#jazzy
# Audience Overview
2014-09-03,28
2014-09-04,17
2014-09-05,20
2014-09-06,3204
2014-09-07,1717
2014-09-08,737
2014-09-09,160
2014-09-10,89
2014-09-11,85
2014-09-12,21
我需要这种格式的：
\n#jazzy\n# Audience Overview\nDay,Visits\n3/9/14,9691\n1/10/14,35403\n2/10/14,35403\n
我试过了，str_replace，它不起作
浏览 5提问于2014-09-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
