在两个html之间添加空格
在两个HTML之间添加空格可以通过使用HTML实体字符来实现。HTML实体字符是一种特殊的编码方式，用于在HTML文档中表示特殊字符或无法直接输入的字符。
要在两个HTML之间添加空格，可以使用以下HTML实体字符：
：表示一个非断行空格。它可以在HTML中创建一个空格，而不会被浏览器忽略。可以在两个HTML标签之间插入 来添加一个空格。
例如，以下是在两个HTML标签之间添加空格的示例：
<p>这是第一个HTML标签 这是第二个HTML标签</p>在上面的示例中，使用了6个 来创建多个连续的空格。
 ：表示一个半角空格。它与普通的空格相比稍微宽一些，但比 窄。可以使用 在两个HTML标签之间添加半角空格。
例如，以下是使用 在两个HTML标签之间添加半角空格的示例：
<p>这是第一个HTML标签      这是第二个HTML标签</p>在上面的示例中，使用了6个 来创建多个连续的半角空格。
 ：表示一个全角空格。它比普通的空格和 都要宽。可以使用 在两个HTML标签之间添加全角空格。
例如，以下是使用 在两个HTML标签之间添加全角空格的示例：
<p>这是第一个HTML标签      这是第二个HTML标签</p>在上面的示例中，使用了6个 来创建多个连续的全角空格。
请注意，以上HTML实体字符可以根据需要进行组合和重复使用，以创建所需数量的空格。
相关·内容
<!DOCTYPE html>
<html>
<head>
<title>Width issue</title>
<style type="text/css">
body {
margin: 0;
}
#left {
width: 50%;
background: lightblue;
display: inline-block;
}
#right {
width: 50%;
background: orange;
display: inline-bl
浏览 95提问于2013-08-16得票数 90
回答已采纳
可能重复：
我通常格式化我的源代码以便于人类阅读，AFAIK浏览器从源代码中删除任何\n\t字符，这样它们就不会进入呈现的html。
今天，我构建了一个菜单，在呈现的html中的两个锚点之间有几个像素，在CSS/HTML中找不到那个“空”空间的来源。几个小时后，我移除源中两个锚之间的新行(\n) (以防万一)，空空间消失了。
我创造了一个小提琴。
第一个菜单元素在源代码中的同一行中有锚，其他2个菜单项在锚之间有一条新的行。(将菜单元素悬停以查看我在说什么)。我在Firefox8.0，FirefoxNight11.0a1 (2011-12-01)和Chromium14.0.835.20
浏览 3提问于2011-12-02得票数 11
回答已采纳
1回答
为什么我看到这两个导航元素在屏幕上显示的方式不同？从这个中可以看到，未格式化的nav在到达div末尾时没有正确包装，而是溢出到边框，而格式化标记的行为与我预期的一样。为什么HTML中的空白应该是没有意义的呢？
在链接之间没有断线：
<a href="/">Link 1</a><a href="/">Link 2</a><a href="/">Link 3</a><a href="/">Link 4</a><a href=&#
浏览 3提问于2016-07-19得票数 1
回答已采纳
4回答
我知道如何在XML和HTML的文本节点中处理空格，但我不确定标记元素本身中的空格。显然，在标记中使用空格来分隔属性，但是在'<‘之后或'>’之前使用空格是否有效？
例如：
< foo >
< /foo >
或者甚至是：
<foo>
< / foo >
这些标签是有效的XML吗？假设它们是实际的HTML标记名，那么HTML又如何呢？
浏览 3提问于2010-07-23得票数 51
回答已采纳
我使用Hakyll生成一些文档，我注意到它在生成的代码中有一种奇怪的关闭HTML标记的方式。
有一个页面，他们说你必须像他们一样生成标记，否则你页面的布局在某些情况下会被破坏，但我现在找不到它。
我创建了一个小的测试页面(下面的代码)，它有一个红色的层和一个黄色的层，红色层具有“普通”HTML标记，黄色层具有类似于hakyll生成的标记。
我在Firefox中看不到这两个div之间的任何区别。
谁能解释他们说的是不是真的？
<html>
<body>
<!-- NORMAL STYLE -->
<div style="background: r
浏览 2提问于2010-10-09得票数 5
回答已采纳
我知道文本节点是为节点之间的空白自动添加的，至少当节点被添加到html中的<body>标记中时是如此，但是当这些节点被添加到JavaScript时，我就不确定了。我在网上找不到关于这个案子的任何答案。我用下面的代码对其进行了测试，但是即使body.childNodes不返回JS附加节点之间的文本节点，它似乎仍然实现了带有额外空白的格式设置。(我的简短的html文档显示了<body>标记直接插入的两个段落和JS附加的两个段落。)我已经将浏览器控制台返回的内容放在对console.log的调用下的注释中。此外，如果JS追加节点时仍然添加文本节点，我如何删除它们，因为它们不在
浏览 5提问于2015-06-23得票数 0
回答已采纳
下面是我页面的一小部分：
<a href="#" onclick="PolicyViolation(<%: ViewBag.DeviceData[i].DeviceID%>); return false;">
<span class="policyViolationsNumber"><%= ViewBag.DeviceData[i].ViolationCount%></span>
<span>Policy Violations</span>
&
浏览 5提问于2014-06-28得票数 0
回答已采纳
我提出了一些要解决的问题。例如，我有两个常量宽度和display: inline-block ()块。我怎么才能强迫左撇子留在上面呢？如果是重复的问题，很抱歉。
有没有办法在不注释html标记空格的情况下生成两个或两个以上的列？
浏览 4提问于2014-09-02得票数 0
回答已采纳
3回答
有人能帮我解决以下问题吗？如何清除div "top“和div”中间“之间的空白？这只是我HTML代码的一部分。在浏览器中，我可以看到两个div之间有一个空白。怎样才能摆脱这个空间？
<div class="container">
<div class="top">
</div>
<div class="middle">
</div>
</div>
浏览 0提问于2019-03-09得票数 0
回答已采纳
1回答
我使用的是TinyMCE 4，如果我在文本区域中的两个或多个字符之间插入一个空格，然后检查源，则转换为 的空间。
我尝试过，但这只是部分地解决了这个问题。这是因为，如果我在两个字符或单词之间输入一个空格，那么TinyMCE就不会添加 ，但是如果我在两个字符或单词之间添加两个连续的空格，那么它就会生成第二个空格 。
在这方面有什么工作吗？
浏览 9提问于2017-08-17得票数 0
因此，当我尝试通过下面的代码向元素中添加两个类时
我有这个错误
Uncaught DOMException: Failed to execute 'add' on 'DOMTokenList': The token provided ('1 cell-red') contains HTML space characters, which are not valid in tokens.
我在这里没有看到任何错误的空格
浏览 190提问于2020-11-17得票数 0
我尝试preg_match_all一个日期，在它的两个html标签之间有斜杠；但是它返回null。
下面是html：
> <td width='40%' align='right'class='SmallDimmedText'>Last Login: 11/14/2009</td>
下面是我的preg_match_all()代码
preg_match_all('/<td width=\'40%\' align=\'right\' class=\'SmallDimm
浏览 0提问于2009-12-03得票数 0
1回答
我对web非常陌生，所以请容忍我。我正在使用Jekyll生成我的网页。因此，我创建了一些自定义类，并在相应的css文件中指定了_sass属性。
以下是与这个问题有关的两个类别：
.quote{
width: 100%;
margin: auto;
text-align: center;
background-color: #171717;
font-size: 25px;
padding: 10px;
&.author{
width: 50%;
浏览 4提问于2020-05-31得票数 0
回答已采纳
我遇到了两个IMG标签之间的额外填充(4px)的问题。这发生在Mac (Snow Leopard)上的Firefox 7.0.1、Safari 5.1.1、Chrome 11.0.696.68和Opera 10.53中。
我已经在这里上传了示例：
下面是它的屏幕截图：
两个IMG之间的4个像素不应该在那里。
谢谢!
纳瓦尔。
代码：
<!DOCTYPE html>
<html>
<head>
<title>Title here</title>
<style type="text/css">
浏览 4提问于2011-11-04得票数 3
回答已采纳
1回答
我想在文本框里得到一个完整的地址。
我的html文本框：
<div class="form-group">
@Html.LabelFor(model => model.Address, new { @class = "col-md-1" })
@Html.TextAreaFor(model => model.Address, 5, 20, new { @id= "address" })
</div>
现在在javascript中我调用：
$('#address').val(da
浏览 2提问于2015-09-09得票数 0
回答已采纳
1回答
所以我已经上传了两个图形作为导航按钮到我的网页。与按钮相同颜色的一小行，出现在两个按钮的下面和中间。这是一张显示问题的图片。
这些按钮是在烟花中创建的，然后我保存了它们，并在我的网页上链接到它们。这不是一条线，它来自于图形中的缺陷。用填充展开图形并不能修复它，如下所示：
也不试图为边框放置CSS值，以避免由于某种原因而将其作为一小块边框。我知道这并不是图形上的缺陷，因为这两个图像单独在单独的网页上没有产生任何线，遗憾的是，我不能在这里发布屏幕截图，因为缺乏声誉(不超过2个链接)。
因此，我不知道如何删除这条恼人的线，当他们是在一起的时候。这仅仅是两个按钮，目前，但它将开发成一个完整的网页最
浏览 4提问于2015-02-09得票数 3
回答已采纳
1回答
我试着搜索，但没有找到答案：
因此，我知道当页面传递给浏览器或由浏览器下载时，将生成该页面的树形结构表示，称为DOM。然后可以使用Javascript来操作该树的节点(表示元素的对象)。
所以现在如果我打开Chrome的开发者控制台并执行以下命令：
document.childNodes;
我得到了我所期望的，即两个节点，即DOCTYPE和html节点
[<!DOCTYPE html>, html]
如果我现在将一个变量赋给html，然后检查它的节点，如下所示：
var htmlNode = document.childNodes[1];
htmlNode.childNodes;
浏览 29提问于2018-08-31得票数 4
回答已采纳
6回答
我知道当使用内联块元素时，你会得到不需要的空格。
但是为什么在这个例子中，这两个内联链接元素之间有一个微小的间隔呢？
你可以看到它们在两行上，如果我把它们并排放在一起，然后删除文本编辑器中的空格，那么空格就消失了，但它肯定应该忽略文本编辑器中的空格？
<body>
<a href="#">link 1</a>
<a href="#">Link 2</a>
</body>
这两个链接之间有空间。
<body>
<a href="#"&g
浏览 3提问于2016-10-20得票数 2
1回答
在pandas文档中(因此在pydata-sphinx-theme中)，我们面临着双击行为的问题，我想也许一位html专家可以帮助我们理解正在发生的事情。参考文献：
在这个中，如果我双击"data"，而不是简单地选择"data"，它就会选择"datastructured“。
查看检查人员，网站html的这一部分如下：
<dt>
<strong>data</strong>
<span class="classifier">structured ndarray, sequence
浏览 2提问于2022-08-28得票数 1
回答已采纳
2回答
我有一个简单的html，其div受宽度限制。在我的内部，我有许多用span配置的nowrap标记。我的css：
.content {
width: 50%;
margin: 10px;
padding: 10px;
border: 1px solid black;
}
.adder {
color: blue;
cursor: pointer;
}
.added {
position: relative;
white-space: nowrap;
}
我的html：
<div class="content"&
浏览 3提问于2015-05-02得票数 2
回答已采纳
2回答
有时，浏览器会忽略两个HTML标记之间的空格和换行符，有时不会。
我觉得两个线框显示之间的空格和换行符，两个块框不show.but一个线框和一个块框怎么样？
我想知道规则或规格，你能告诉我吗？
浏览 1提问于2011-01-17得票数 6
回答已采纳
因此，我使用display:inline-block将两个<div>标记并排放置在HTML中。他们没有毛边，也没有垫子。
然而，两个<div>标签之间似乎还存在差距。
我的问题是，为什么一开始就有差距。<div>不是应该齐头并进吗？这是规格的艺术品吗？这发生在不同的浏览器上。(在IE和Chrome上测试)
这是一张图片
浏览 0提问于2015-09-30得票数 1
回答已采纳
3回答
假设我们有相同的2个输入标记，在html代码中有以下区别：
示例1
<input type="text" id="v1" value="value 1"><input type="text" id="v2" value="value 2">
示例2
<input type="text" id="v1" value="value 1">
<input type="text" id="v2&
浏览 9提问于2016-08-23得票数 1
回答已采纳
当我在模板中执行此操作时： div(class="field")
label Password
input(type="password") 我得到以下输出： <div class="field"><label>Password</label><input type="password"></div> 因此，标签和输入标记之间没有空格，而不是普通HTML文件中位于两个不同行上的空格。 如何在Pug模板中以最不丑陋的方式获得两个元素之间的标准单个空格？我可
浏览 18提问于2019-05-03得票数 0
回答已采纳
简化版本:每当两个跨度相邻时，我都试图瞄准它们中的第二个。根据我的理解，一个简单的span + span应该可以完成这项工作。但是，考虑到以下HTML：
<p>
blah
<span>1 blah</span>
<span>2 TARGET ME!!!!</span>
blah
<span>3 SHOULD NOT BE TARGETED (but is)</span>
<span>4 TARGET ME!!!!</span>
blah
<span>5 SHOULD
浏览 2提问于2020-12-09得票数 0
2回答
html
<div id="home_header_minitab">
<img src="topnavi_1.gif" />
<img src="topnavi_2.gif" />
<img src="topnavi_3.gif" />
<img src="topnavi_4.gif" />
&
浏览 5提问于2013-12-04得票数 0
回答已采纳
2回答
在两个按钮之间提供间距
、、、
我遇到了这样的情况:我不能更改css文件，但不能更改html/php。我在页面中有两个按钮，ID分别是"moveprevbtn“和"movenextbtn”。目前，它们的位置很接近。使用Css或任何我需要的脚本来传播它们。我不能做这件事。
在CSS中，我尝试了类似这样的东西，
#moveprevbtn {
position: relative;
left: -30px;
}
#movenextbtn {
position: relative;
right: 30px;
}
但对我帮助不大。任何建议。
我说的是LimeSurvey的上下文。P
浏览 5提问于2014-07-01得票数 0
2回答
我在排列两个div时遇到了很多麻烦。一个是twitter时间线框，另一个是联系人输入框。现在它看起来像这样：
正文设置为1020px，HTML格式的页面如下：
<div class="half" id="contact-info">
<h3>Contact Us</h3>
<p>Feel free to ask us any questions, send us any opportunities or pitch us your winning idea. There are infinite ways to p
浏览 5提问于2015-02-09得票数 0
我有一个问题，我有一个简单的测试页面，有6个按钮。页面正文中有声明，在页面加载后使用jquery添加3。添加jquery的3与加载之前在页面中声明的3之间没有间隔。
下面是一个演示这个问题的小提琴：
以下是代码：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Bootstrap Test Page&l
浏览 6提问于2014-03-29得票数 1
回答已采纳
2回答
我有以下HTML代码：
<section class="container">
<div class="search"></div>
</section>
这些CSS规则：
*, *:before, *:after {
box-sizing: border-box;
}
body, section, div {
margin: 0;
padding: 0;
}
html, body { height: 100%; }
.container {
display: inli
浏览 1提问于2013-06-28得票数 4
回答已采纳
2回答
我正在与HTML类进行斗争。我在CSS中有这样的类：
.a{}
.a .b{}
.a .c{}
我试图为这样的元素分配两个类：
<div class="a b"></div>
<div class="a c"></div>
但是没有这些工作，元素只继承"a“类。我认为合乎逻辑的是，第二类必须以绝对的方式分配，例如：
<div class="a (a b)"></div>
但我找不到正确的方法。也许我想做的是愚蠢的，但我找不到其他的方法(在CSS中保持具体性)。
浏览 6提问于2015-01-29得票数 1
回答已采纳
5回答
我正在尝试将两个图像并排放在一个<td>中(也尝试为每个<td>设置一个img)，但图像之间有一些空白，并且不知道它们来自哪里。我可以使用float来解决我的问题，但我正在努力避免这种情况。如果有人能给我解释一下为什么会这样。我从其他问题中吸取了一些技巧，但它不起作用。
下面是我的代码：
<html>
<head>
<style "text/css">
td, tr, img { padding: 0px; margin: 0px; border: none; }
table
浏览 0提问于2011-08-08得票数 0
回答已采纳
我有下一个简单的html：<td id="comment_td"> </td>。td中有两个空格。我像这样检查td html：
if (!$('#comment_td').html()) {
$('#comment_td').html('No Comments');
}
但它只在IE中起作用))在Firefox中不会出现这种情况。你能帮帮我吗?
浏览 0提问于2010-11-24得票数 0
回答已采纳
1回答
我尝试在sapui5的MatrixLayoutCell中的两个控件之间插入空格。然而，它是给与和错误的。我的代码是：
var control = new sap.m.Input("id_mtr_kra_rating_val", {
value : "Something",
width:"70px"
});
var control3= new sap.ui.core.HTML("htmlspace",{
content:" "
浏览 0提问于2014-03-28得票数 3
回答已采纳
可能重复：
我正在创建一个荷兰食谱网站。该问题是在通过Javascript添加新表单字段时发生的视觉错误。
发生问题的地方
为了描述所有需要的成分，我允许用户将更多的成分表单字段添加到现有的字段中，这些字段是由HTML预先定义的。您可以通过按下“添加另一种配料”的按钮来添加这些新字段。名为addIngredient()的javascript函数称为onclick (为了清晰起见，它被截断，完整的代码可以找到)：
function addIngredient() {
ingredientCount++;
//define the elements that should be
浏览 6提问于2012-08-01得票数 4
回答已采纳
我创建了邮件，但有两个图像之间的垂直差距，我阅读了关于这个问题的所有解决方案，但没有解决。最后一次机会是输入这个门户，并询问你们:(
首先，我在notepad++上打开下面的代码并对其进行更改，然后Outlook13将文件=>作为文本=>附加，然后显示boom垂直间隙。
以下是我的代码
<html>
<head>
<title>mailing</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
浏览 2提问于2016-10-13得票数 0
我用jquery编写HTML界面。页面上有可编辑的出版物列表，用户可以单击任何出版物来编辑详细信息。弹出窗口中会显示数据，并将作者列表嵌入到详细信息表单中。他们每个人都有编辑/删除按钮，加上“添加新作者”按钮。用户可以在不重新加载页面的情况下操纵作者。当我插入新的作者时，会有新的编辑/删除按钮动态创建并嵌入到页面中。
我像这样插入标签：
<td class="author-actions">
<img onclick='edit(id)' .../>
<img onclick='delete(id)'
浏览 1提问于2010-05-05得票数 0
回答已采纳
是否有一个用于python的库，允许将标记转换为html (包括列表)？
我尝试使用两个库: markdown和markdown2，这两个库都接受这个输入：
###Stepped
The translation will pause if:
- There are no translations for this word
- There are multiple translations for this word
And will ask you how to continue
并将其转换为：
<h3>Stepped</h3>
<p>Th
浏览 1提问于2022-03-24得票数 1
回答已采纳
我一直在尝试实现Chris Coyier的内联块+文本对齐解决方案，以便在给定包装器的宽度内自动水平分布div。
当元素立即加载到DOM中时，这种方法效果很好，但是由于某种原因，当通过JS以编程方式添加元素时，它会失败。这就好像浏览器忽略了css属性一样。
查看此小提琴中非常基本的示例：前两行是在HTML load上添加的。单击该按钮可通过JS在运行时添加更多内容。
最初，我认为这可能与伪元素的使用有关:所以后来我尝试了一个不同版本的DOM节点：。不幸的是，它的反应方式完全相同。
有人知道为什么会发生这种情况吗？或者更好的是，如何修复/预防它？
浏览 0提问于2012-10-10得票数 5
回答已采纳
为了用一些视觉反馈来演示这种行为，我们为span提供了以下样式
span {
background-color: red;
}
如果我们写这样的东西，那么结果看起来没问题，两个跨度都有红色的背景，中间有一个空格：
<span>Hello</span>
<span>World</span>
但是，当我们将HTML更改为类似的内容时，这两个跨空间之间就没有空间了：
<span>
Hello
</span>
<span>
World
</span>
我会假设空格和新的线条不会影响任何事情。所以
浏览 3提问于2013-12-09得票数 4
回答已采纳
我使用Mark.js的方法来突出显示具有起始位置和长度的范围，但是它不尊重HTML元素，比如换行元素。文档说明，必须指定起始位置，包括空格字符。
例如，以下HTML：
<div contenteditable="true" id="text">hi.<br><br>I'm quite well.<br></div>
在标出起始为15，长度为5的范围时：
var elem = document.getElementById('text');
var instance = new M
浏览 1提问于2020-09-26得票数 1
1回答
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="media/js/jquery.js"></script>
<script>
var table = "";
var example_array = [];
function tablething() {
index = document.getElementById("location").value;
val
浏览 0提问于2014-08-04得票数 3
回答已采纳
一直在纠结于一个问题。
我有一个行为非常奇怪的列表，一直找不到问题，直到我对它进行了修改，看到整个文件都打印在一行中。
就像这样。
<div class="clock-content-wrapper"><ul class="clock-digit-wrapper hour"><li class="clock-digit-one"></li><li class="clock-digit-three"></li></ul><ul class=&#
浏览 0提问于2013-02-08得票数 2
回答已采纳
我有一个div，其中包含两个类型为text的输入元素以及它们之间的标签。它由用户定义一个间隔(如4- 5)。它们显示在同一行上。这三个控件的边距和填充都设置为0。Firebug证实了这一点。它们之间仍然有一些空间。怎么会这样呢？这个空间是从哪里来的？
浏览 1提问于2011-02-19得票数 0
回答已采纳
我的网页只打印出"{% extends 'base.html'% }“。我只想让它打印出标题“模板”。
这两个html文件都在模板中，py文件是模板之外的一个目录。
app.py：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == "__main__":
app
浏览 46提问于2019-08-06得票数 0
所以我的页面是一个基本的学校学生/班长。目前我有两个搜索栏，它们调用不同的API调用，它们都返回一个列表。唯一的问题是，当我显示我的结果时，结果之间有空格。另外，我遇到的另一个问题是，我的模式自动补全功能将结果隐藏在弹出窗口后面。 BOB | Math
TIM | Science
Sarah | ENGLISH 这是我的HTML <html>
<div class="card">
<div class="card-header">Search Name</div>
<div cl
浏览 15提问于2019-09-16得票数 0
请告诉我:如何使用约束在故事板中实现以下逻辑。
在屏幕上固定两个UIViews(最小值:130x80)。uiviews之间的中心间隔总是20 The .。
屏幕：
20 View1 20 View2 20
提前感谢！
浏览 2提问于2015-06-03得票数 0
3回答
我无法在中删除链接旁边的填充
我已经将这个问题减少到最低限度，所以它真的很清楚。
我可以尝试强制div的宽度，但我想知道为什么两个元素并排使得总宽度大于各部分之和。
你可以在这里看到我的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
浏览 6提问于2010-07-13得票数 0
回答已采纳
2回答
如何将列名重命名为空，如下所示:我不希望列名显示在输出中:)。我不想要临时更改或html/xml格式。也许这是一个非常基本的问题，但到目前为止我还没有找到一个好的答案。
浏览 0提问于2012-04-17得票数 1
回答已采纳
2回答
我正在创建一个与JavaScript和jQuery的街机游戏。在这场比赛中，我需要对水平，得分和高分在同一条线。
我的HTML结构如下所示
<div class="game-info">
<p id="level">
<span id="score"></span>
<span id="high-score"></span>
</p>
</div>
对于CSS，我想提供一些喘息空间，在段落和两个跨度之间。Span
浏览 4提问于2016-01-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
