<pre>标签使浏览器关闭段落
标签是HTML中的一个元素，用于表示一个段落的开始和结束。它是一种语义化的标记，用于将文本内容分组并添加样式或其他操作。
标签的作用是将一段文本内容视为一个整体，使其在浏览器中以段落的形式呈现。它可以帮助浏览器正确地解析和显示文本内容，并且可以通过CSS样式来控制段落的外观和布局。
标签的语法如下：
<p>这是一个段落。</p>标签可以嵌套在其他HTML元素中，例如在<div>、<section>或<article>等容器元素中使用。
标签的优势包括：
- 语义化：标签能够清晰地表示文本内容的结构和含义，提高了网页的可读性和可访问性。
- 样式控制：通过CSS样式表，可以轻松地对标签内的文本进行样式设置，如字体、颜色、行高等。
- SEO优化：搜索引擎可以根据标签的语义来理解网页内容，提高网页在搜索结果中的排名。
- 可扩展性：标签可以与其他HTML元素结合使用，实现更复杂的网页布局和功能。
标签的应用场景包括：
- 文章和博客：用于分段文章内容，提高可读性。
- 新闻和资讯网站：用于分隔新闻内容，使其易于阅读。
- 网页排版：用于控制文本的布局和样式。
- 表单和输入框：用于描述表单字段的说明文本。
腾讯云提供了一系列与云计算相关的产品，其中与HTML标签相关的产品包括腾讯云静态网站托管（Static Website Hosting）和腾讯云内容分发网络（Content Delivery Network，CDN）。静态网站托管可以帮助用户快速部署和管理静态网站，而CDN可以提供全球加速和缓存服务，提高网站的访问速度和稳定性。
腾讯云静态网站托管产品介绍：https://cloud.tencent.com/product/s3
腾讯云内容分发网络产品介绍：https://cloud.tencent.com/product/cdn
相关·内容
我试图理解保证金对两个因素的影响。我有下面的HTML，请参阅
<p>some text</p>
<pre>some code</pre>
我有以下CSS：
body { color: white; }
p { background: red; margin-bottom: 50px; padding: 20px; }
pre { background: purple; margin-top: 40px; padding: 20px; }
所以我给了段落标签一个50 pre的底部边距，我给了pre一个40 pre的上边距。因此，我期望找到它们之间的
浏览 3提问于2015-01-27得票数 3
回答已采纳
5回答
如何编写多个段落？
、、、
我想做一个有很多很多段落的网站，但我想知道是否有更有效的方法来实现代码中的间距，而不必返回并为每个段落放置<p>标签。我有一种感觉，要做到这一点，不仅仅是HTML和CSS。我尝试过<pre>元素，但它将每行分隔开，而不是段落本身。
有没有人能帮我把方向引向正确的方向？
浏览 3提问于2015-12-15得票数 2
2回答
我有一个包含<pre>元素和一些文本的段落，如下所示：
<p class="par1">
<pre>
this is second paragraph
ok
ok
</pre>
These text are inside the paragraph must be RED
</p>
我用了下面的代码来改变段落的背景色，但是它不影响段落，我也不知道为什么。
<style>
.par1{
浏览 3提问于2016-07-08得票数 3
回答已采纳
1回答
尝试在html中显示项目符号文本
、、、、
我在一个数据库中有一些段落，实际上是一个元素列表，但我们从Word文档中复制并粘贴所有文本作为一个段落。
现在我需要用相同的样式显示文本，如果我只是在html中显示文本，它看起来就像一个文本中包含项目符号的段落。我一直在寻找尊重文本中新行的html标签，我发现<pre>我一直在使用一些选项，使结果与视图的其余部分具有相同的样式，但我正在尝试更改缩进。到目前为止，我得到的是：
pre {
display: block;
padding: 9.5px;
font-size: 13px;
font-family: sans-serif;
浏览 1提问于2017-04-28得票数 0
1回答
我似乎找不到一个类似的情况，以致于我找不到解决办法。在不更改html和添加类和I的情况下，如何从下面的代码中选择a标记和pre标记？我包括了我的尝试。
div.info p.c6 span a {
background-color: red;
}
p.c6 span pre {
background-color: blue;
}
<div class="info">
<h1 class="c4">
<a name="h.6q469n2havqi"></a><span&
浏览 2提问于2017-06-29得票数 1
回答已采纳
我正在使用javascript和一个超级简单的正则表达式，用它的HTML字符代码替换"<“，这样我就可以使用pre和code标签在我的网站上放置一些代码，并让它自动完成。
基本上，我试图弄清楚为什么这段js代码：
var str = document.getElementById("cleanme").innerHTML;
str=str.replace(/</g,"<");
document.getElementById("cleanme").innerHTML = str;
删除br标签中的"/
浏览 0提问于2011-03-31得票数 3
回答已采纳
我正在使用JEditor显示超文本标记语言页面。问题是JEditor不能像在IE或Firefox中那样显示页面。主要问题是段落标签。JEditor没有提供段落效果，而是像简单的换行符一样工作
标签。
更新-使用的段落标记为<p>....</p>
浏览 0提问于2011-10-21得票数 0
回答已采纳
在单击段落时，为了用textarea标记替换段落，textarea应该包含该段中的文本：
<div id="right"><p><pre><?php echo $descri; ?></pre></p></div>
Jquery脚本：
$(function(){
$('#right').on('click', 'p', function(){
var $p = $(this);
var old = $p.html();
浏览 1提问于2013-10-10得票数 0
回答已采纳
3回答
在HTML5中，如果在段落文本中包括<pre>，结果将不会在段落中显示'<pre>'，并且它将对后面的单词运行<pre>命令。
在不运行命令的情况下，我必须在文本上显示文本，包括" "或<>之类的标志。
我怎样才能做到这一点？
浏览 7提问于2017-08-22得票数 0
1回答
我想把html转换成纯文本。我不想只是剥离标签，我想智能地保留尽可能多的格式。为<br>标签插入换行符，检测段落并将其格式化，等等。
输入非常简单，通常是格式良好的html (不是整个文档，只是一堆内容，通常没有锚点或图像)。
我可以组合几个正则表达式，使我达到80%，但我认为可能有一些更智能的现有解决方案。
浏览 2提问于2011-05-20得票数 5
我正在尝试做一个pre来限制不超过表格的宽度大小，尝试使用这个标签：
<?php
echo "<pre style='max-width:1px;'>".$long_string."</pre>";
?>
<pre>和表都可以，但在任何情况下都不起作用。
有人能帮我吗？
浏览 1提问于2014-09-25得票数 8
我正在使用以下javascript代码来转换双<br>为段落。
paste_preprocess : function(pl, o) {
o.content = o.content.replace(/\<br\>\<br\>/gi, '</p><p>');
o.content = '<p>'+o.content+'</p>';
},
当我从记事本复制文本并粘贴时，这段代码在firefox上运行得很好，但是在Google chrome中，它在顶部和底部添
浏览 0提问于2011-08-09得票数 0
2回答
我无法开始理解Windows 8.1 "WebView“组件句柄样式。我显示一些非常静态的HTML，没有什么花哨，我没有设置任何特定的CSS风格。
尽管如此，HTML标记的处理方式似乎不同，每个标记的大小不同，有时甚至是不同的字体。
以下是两个例子。在左边的段落中，写得非常小的段落是一个重叠的预/代码块，而在右边的图像上，则是一个简单的HTML表。
<pre>
<code>
...
<code>
</pre>
这个问题发生在很多标签上，例如ul/li和区块引号也是如此。
我试着用CSS规则来处理它们.但每个标签都需
浏览 5提问于2014-09-30得票数 2
回答已采纳
我在段落标签中使用了ul，并使用CSS隐藏它，但是它不能工作。我怎么才能修好它？
以下是我的HTML内容：
<p id="transport">
<img class="draco" src="../image/draco.png"/>
<ul>
<li><a href="">a</a></li>
<li><a href="">b</a></l
浏览 6提问于2014-08-17得票数 3
回答已采纳
显然，如果在body元素中有一个没有匹配开始标记的</p>结束标记，大多数浏览器(如果不是所有浏览器)都会在其位置生成一个空段落：
<!DOCTYPE html>
<title></title>
<body>
</p>
</body>
即使结束标记周围存在任何文本，它也不会成为此p元素的一部分-它将始终为空，文本节点将始终独立存在：
<!DOCTYPE html>
<title></title>
<body>
some text</p>more tex
浏览 28提问于2012-07-20得票数 26
回答已采纳
我正在做一个吉他和弦应用程序，问题是火狐并没有像预期的那样渲染段落。
火狐是渲染p标签，在底部和顶部都有额外的空间。没有垫子，也没有空隙。火狐说，元素之间只是“差距”。我很惊讶..。
请注意，我突出显示了两个同级p元素，它们之间没有任何内容。这是我的结构：
p {
margin: 0; padding: 0;
}
<pre>
<section style="inline-block">(Song metadata, you can see example in the screenshot)</
浏览 2提问于2020-11-17得票数 3
回答已采纳
有一篇关于python中的线程的非常好的文章。
文章很棒，但这是离题的。
当您向下滚动时，您可以看到，一些段落被剪切，并且不可见(从Lock部分标题开始)。当你检查源代码时，你会发现它是由包装了几个部分的<pre>标签引起的。有没有办法将所有的<pre>标签替换为，比方说在活动文档上的<div>标签？也许是chrome/Mozilla/opera的插件。我不想在检查工具中手动逐个替换它们
浏览 0提问于2020-03-27得票数 0
我在我的服务器上安装了mediawiki作为我的个人知识库。有时，我会从Web上复制一些内容并粘贴到我的wiki上--例如某人博客中的提示和技巧。如何使复制的内容显示在带边框的框中？
例如，这篇博文末尾的方框看起来很不错：
我可以使用pre标签，但是pre标签中的段落不会自动换行。有什么想法吗？
浏览 3提问于2008-09-25得票数 33
2回答
我有一个居中的文本列，它有一个固定的宽度。但是，我想打破<pre>的固定宽度(和其他一些标记)，在这里，它们填充整个屏幕宽度，同时保持文本的流。
到目前为止，我有以下CSS：
pre {
float: left;
left: 0;
padding: 1em;
position: absolute;
}
因此，在这个HTML片段中，段落位于页面的中间列中，这是正确的。
<div class="bodice">
<p>Some text. Some more text.</p>
<pre>Here
浏览 8提问于2011-07-03得票数 1
回答已采纳
我使用以下代码在内容可编辑的HTML文档中插入新行：
execCommand("insertHTML", false, '\n');
这在Chrome和Safari中适用，但在其他浏览器中会生成< br>或新段落。因为我正在编辑< pre>标签，所以我不希望浏览器\n更改为< br>。我该怎么做呢？
我已经尝试过使用像range.insertNode()这样的函数，或者在FireFox中操作insertBrOnReturn，但总是一样的。有没有办法在不让浏览器更改输入的情况下在文档中插入\n？
浏览 3提问于2012-05-05得票数 1
3回答
我对下面的HTML有一个问题：
<html>
<body>
<p style="font-size: large">
Some paragraph text
<span><pre style="display:inline">some span text</pre></span>
additional paragraph text that continues ...
</p>
</
浏览 1提问于2010-08-18得票数 7
回答已采纳
1回答
我需要在我的网站上创建一个功能，当用户悬停一个链接或一些特定的文本时，它将显示一个图片。
我可以用下面的代码用一个问题再现这种效果。这段代码每次将链接/文本放入新段落中。我需要完全相同的效果，但链接/文本通常显示在同一段。
这是代码：
CSS:
.hover_image a{position:relative;}
.hover_image a span{position:absolute; display:none; z-index:99;}
.hover_image a:hover span{display:block;}
HTML:
<p>
bla bla bla
<di
浏览 3提问于2013-11-05得票数 0
所以我附上了一张我的问题的图片。
基本上，我在这里遵循了Stack Overflow问题线程的说明：
我在那里贴了5次我的问题，但有人一直在删除它，所以我在这里再次张贴它。请给我建议。
更新:我已经尝试了段落标签、中断标签和pre标签。
浏览 4提问于2017-10-11得票数 3
我在<pre>标签中有一些源代码，当浏览器窗口调整大小时，我想滚动这些源代码。预标记包含在flex框中，包含div设置为flex: 1。
如何使代码水平滚动？
<div style="display: flex;">
<div style="flex: 1;">
<div style="max-width: 100%; overflow-x: auto; min-width: 0;">
<pre>
Lorem ipsum dolor sit amet, con
浏览 1提问于2021-08-28得票数 0
回答已采纳
我使用Contenful作为我的Gatsby站点的CMS。在富文本反应渲染器的配置中，我尝试将富文本字段中的所有代码包装在一个<pre>标记中，以便维护所有格式并添加我自己的样式。
这是我尝试过的：
const Blog = (props) => {
const Code = ({children}) => <pre><code style={{backgroundColor: "red"}}>{children}</code></pre>
const options = {
renderMa
浏览 1提问于2019-07-23得票数 1
我的博客文章是以text格式以DB格式保存的，我无法找到在段落之间显示HTML代码的方法，正如您在下面的图片中所看到的那样。
我用的是和<pre><code></code></pre>标签。
在代码块中，应该有两个没有显示的<div>标记。
在数据库表中如下所示
Laravel is a web application framework with expressive, elegant syntax. A web framework provides a structure and starting point for c
浏览 2提问于2021-08-19得票数 1
回答已采纳
3回答
当我使用以下代码时，我正在为我的编写一个新闻部分：
<p id="news-container">
<h1> . . . </h1>
<strong>big</strong> . . . .
</p>
在检查我得到的问题时，它似乎解析为：
<p id="news-container"></p>
. . . same stuff
<p></p>
在父标记中没有额外的段落标记，也没有使用PHP进行额外的解析，因为在检查页面源时，它看
浏览 13提问于2017-06-06得票数 0
回答已采纳
鉴于以下情况：
“这是一个段落的例子。
这是另一段。“
如果我像这样在模板中呈现它：
<div class='post-content'>
{{#markdown}}
{{body}}
{{/markdown}}
</div>
我得到了这样的输出
<pre><code>This is the example of one paragraph.</code></pre>
<p>And this is another paragraph.
我试着用标记和摊牌来解
浏览 3提问于2014-07-19得票数 3
回答已采纳
6回答
无法使用jquery选择元素段落
、、、、
<html>
<head>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
function func(){
var s = "<p id=" + id +">"+"<center>"+"<h2><b>Topic :</b></h2>"+message+"
浏览 2提问于2014-01-02得票数 0
2回答
是否有可能强迫Chrome在段落中包装文本时打断单词？
我试过：
white-space:pre-wrap -什么都没发生
word-wrap: break-word -什么都没发生
both of above -什么都没发生
浏览 6提问于2014-04-01得票数 1
回答已采纳
3回答
我有一个页面，我可以在其中使用jQuery UI draggable移动段落标签。每当我移动段落标签时，该标签的内联样式都会按如下方式更改：
position: relative; left: 280px; top: 300px;
我在它的正下方有一个表格。当我提交表单时，我希望php保存这两个属性值(顶部和左侧)。
如何保存段落标签的多个属性值？
我找到了的答案，但是我不明白$attrs数组是从哪里来的，也不知道它里面有什么。也许这就是我错过的？
浏览 3提问于2011-06-06得票数 2
我正在使用轻松管理捆绑为一个迷你Symfony应用程序。这个包附带了用于字段输入的text_editor。编辑器非常酷，并提供了一个code特性，它将段落封装在<pre>标记中。问题是，我在前端使用使我的代码部分变得漂亮。现在，荧光要求将代码封装在<pre><code> ...code here... </code></pre>标记中，这是一个令人沮丧的问题。
是否有任何方法控制用code trix编辑器封装的节中的标记。在我的具体案例中从<pre>到<pre><code>
浏览 2提问于2019-12-15得票数 0
7回答
我试图在div中居中放置一个带有文本的段落标签，但在没有为段落指定固定宽度的情况下，我似乎无法使用margin: 0 auto将其居中。我不想指定一个固定的宽度，因为我将有一个动态文本进入段落标签，它将始终是一个不同的宽度，这是基于它有多少文本。
有人知道如何在div中居中段落标记，而不必为段落指定固定宽度或不使用表格吗？
浏览 0提问于2009-06-08得票数 4
回答已采纳
1回答
我想保留我的段落，所以我把代码放在pre标签中，但之后我的话就断了。这个问题有什么解决办法吗？我不想违背我的诺言，我还提供了div宽度。下面是我的代码：
<li class="list-group-item" ng-repeat = "answer in answers">
<span class="label label-default label-pill pull-xs-right " style="float: right">{{answer.UserID}
浏览 1提问于2016-01-05得票数 0
以下超文本标记语言页面在IE10上的呈现方式与IE的早期版本不同：
<html>
<body>
<form>
<pre style="position:absolute; top:0; left:0; height:20; width:80;">
<label>My Label</label>
</pre>
<input style="position:absolute; top:0; left:100; height:20; width:80;" type="te
浏览 2提问于2013-11-05得票数 0
1回答
这看起来很简单，但是，很明显我做错了什么。这是我的HTML -我正在尝试在pre标签下创建单码标签和嵌套的code标签-结果内容将是“单行框里面有代码”，也有pre标签“大盒子里有代码”。还有一些空的段落标签，我不能使用标准的方法--在测试段落中没有文本后删除元素。下面是输入
<h1>Module Description and Learning Objectives</h1>
<p>
</p>
<pre>
<
浏览 18提问于2020-02-15得票数 2
回答已采纳
我想在弹出“谢谢”消失后关闭当前的浏览器标签。
<script language='javascript'>
alert('Thank you.');
window.close();
</script>
但它没有工作，仍然是白色的空白屏幕。如何使白屏自动关闭？
请帮忙。
谢谢
浏览 0提问于2012-08-18得票数 0
我正在尝试使用innerHTML来显示段落。
innerHTML="<html><head></head><body></body></html>";
但我当然会出错，因为它正在尝试处理标签。我如何让浏览器忽略这些标签，因为它们在引号中？
浏览 1提问于2014-02-01得票数 1
回答已采纳
1回答
如果两个标签是自封闭的，那么它们在层次结构中的位置是相同的，还是下一个标签应该是第一个标签的子标签？
我一直认为这两种结构在语法上是相同的：
样本1
<div>
<div class="bordered"></div>
<div class="bordered"></div>
</div>
示例2
<div>
<div class="bordered"/>
<div class="bordered"/>
</div&g
浏览 1提问于2020-04-15得票数 0
回答已采纳
1回答
我想在HTML中显示一个段落，它在标签中有不同的粗体文本和链接，在桌面平台上使用颤振。我遇到过"flutter_html"，但唯一受支持的平台是iOS和安卓。是否有其他库可以在桌面环境中显示HTML文本？如果没有，是否有其他方法使这成为可能？
浏览 2提问于2022-08-25得票数 0
回答已采纳
1回答
我有以下less.css ( )：
#content {
overflow: hidden;
width: 100%;
p {
float: left;
width: 465px;
padding: 0px 25px 0px 35px;
margin: 0px;
br {
line-height: 2.5em;
}
}
pre {
float: none;
overflow: hidden;
浏览 3提问于2012-04-04得票数 0
回答已采纳
我想在使用google-code-prettify时删除代码的边框。我尝试了以下方法，但没有得到任何结果。
pre.prettyprint {
border: none;
}
我还尝试删除所有pre标签上的边框，同样没有结果。
pre {
border: none;
}
浏览 0提问于2013-06-02得票数 4
回答已采纳
在下面的脚本中，当我将锚前面的换行符标记替换为段落标记时，“shrink”jQuery函数不起作用--表格总是显示的，当我单击标签时不会收缩。 无论我是否应用结束段落标记，这都是正确的。 例如:在下面的例子中，面板一(带有换行符标签)将切换，但面板二(带有段落标签)将是静态的。 <html>
<head>
<meta charset="utf-8"/>
<title>tryShrink</title>
<script src="jquery-3.2.1.min.js"></scrip
浏览 37提问于2017-05-22得票数 0
回答已采纳
当我只使用一个<p>标签时，为什么会有两个<p>元素？
如果用<pre>代替<center>标签，结果是一样的。
如果<b>标签不是<pre>，则a.length的结果为1。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p><pre>name: id:</pre></p>
<script>
a = document.getElementsByTag
浏览 29提问于2020-03-03得票数 0
回答已采纳
我有一个非常长的文本(实际上是一个HTML页面)(几乎是一整本书)，里面有很多东西，包括一些代码。这些段落要么用"pre“标签括起来，要么用"code”标签括起来。最大的问题是有些行太长了，当我把它们打印出来的时候，它们就被剪掉了。此外，作者在“代码”标签(>_<)中放置了一些非常长的问题。
你知道如何在这些标签之间强制回车符吗？我可以很容易地添加css的标题。
浏览 1提问于2011-03-23得票数 0
回答已采纳
我正在尝试使用以下命令删除<pre><\pre> html标记之间的文本： sed -i '/<pre>/,/<\/pre>/d' file.html 但这也会删除<pre></pre>标记。文件中只有一个前标记对。如何避免删除de pre标签？谢谢。
浏览 19提问于2021-07-06得票数 1
回答已采纳
我正在为我的部门创建一个小网站。我的第一个页面称为“主页”，它位于一个名为index.html的文件中。在我的body标签中，我有一个欢迎用户访问该站点的标题标签和一个段落标签，说明这个特殊站点的用途。这是我从标题到最后一个nav菜单的超文本标记语言代码：
<title>Welcome | Finance Department</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<he
浏览 0提问于2017-08-16得票数 0
回答已采纳
最近，当我用图形标签做一些测试时，我注意到了一些奇怪的事情。我可以轻松地在段落中浮动一个图像标记，并将段落的背景颜色保留在段落和图像本身下面。我不能用一个包含我的图像的浮动数字标签来获得类似的结果。
这里有两个链接，以确保您理解我的问题，而不是说话：
简单图像沿着工作良好的段落浮动：
相同，但包含图像标记的图形标记不像预期的那样工作：
如何在使用图标签时得到相同的结果？
这是代码，但检查代码，问题将是显而易见的。
HTML结构(
<div class="wrapper">
<p class="clearfix">
&
浏览 0提问于2015-02-06得票数 0
如果没有PHP标签，php进入html模式。够简单的了。此代码：
<pre>a
<?php echo 'b';?>
c
</pre>
将产出：
a
bc
<?php echo 'b';?>之后的新行被裁剪了。
但是这个代码(关闭php标记后的空格)：
<pre>a
<?php echo 'b';?>
c
</pre>
将产出：
a
b // there is a space after 'b '
c
那么，在最后一个php标记
浏览 4提问于2014-04-01得票数 8
4回答
值得一提的是:我不是最有经验的网络编码者。尽管如此:目前正在处理一些前沿的事情。
昨天，我编写了一些JavaScript程序，结果并不像我预期的那样。
我做了这个演示：
每一段都有一个标题和一些文本。这些段落包含在一个div容器中.
<div class="container">
<p class="paragraph">
<h3 class="headline">Some headline ...</h3>
<span>Lorem ipsum dolor sit a
浏览 5提问于2016-01-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
