如何删除两个hr标记之间的空格？
为什么两个
标记之间有空格？当我设置
标记的宽度时，它不起作用。我将其设置为
49%，但两个
标记之间仍有空格。如何从
标记中删除空格？
以下是HTML和CSS代码：
null
*{margin: 0;padding: 0;}
body
{background-color:#181818;color: white;}
a
{text-decoration:none;}
h1
{text-align: center;color: #3ea6ff;}
.home
{font-size: 3em;background-color: #202020;}
#night
{color: #f34601;}
#mare
{color: #3ea6ff;}
#left
{
display: inline-block;width: 49%;
background-color: #f34601;height: 2px;border: 0;
}
#right
{
display: inline-block;width: 49%;
background-color: #3ea6ff ;height: 2px;border: 0;right: 0px;
}<!DOCTYPE html>
<html>
<head>
<title>Nightmare</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="nightmare.css">
</head>
<body>
<div class="home logo">
<h1 id="mare">
<span id="night">Night</span>mare</h1>
</div>
<hr id="left">
<hr id="right">
</body>
</html>null
共有2个答案
查一下密码。这真的是一个更好的答案（imo）奥卡姆剃刀
null
*{margin: 0;padding: 0;}
body
{background-color:#181818;color: white;}
a
{text-decoration:none;}
h1
{text-align: center;color: #3ea6ff;}
.home
{font-size: 3em;background-color: #202020;}
#night
{color: #f34601;}
#mare
{color: #3ea6ff;}
#left
{
display: inline-block;width: 49%;
background-color: #f34601;height: 2px;border: 0;
}
#right
{
display: inline-block;width: 49%;
background-color: #3ea6ff ;height: 2px;border: 0;right: 0px;
}<!DOCTYPE html>
<html>
<head>
<title>Nightmare</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="nightmare.css">
</head>
<body>
<div class="home logo">
<h1 id="mare">
<span id="night">Night</span>mare</h1>
</div>
<hr id="left"><hr id="right">
<h1> OR YOU CAN DO THIS</h1>
<hr id="left"><!--
--><hr id="right">
</body>
</html>
您可以改用带有渐变背景的单个hr。
null
* {
margin: 0;
padding: 0;
}
body {
background-color: #181818;
color: white;
}
a {
text-decoration: none;
}
h1 {
text-align: center;
color: #3ea6ff;
}
.home {
font-size: 3em;
background-color: #202020;
}
#night {
color: #f34601;
}
#mare {
color: #3ea6ff;
}
hr {
display: inline-block;
background: linear-gradient(to right, #f34601 50%, #3ea6ff 50%);
height: 2px;
width: 100%;
border: 0;
}html lang-html prettyprint-override"><div class="home logo">
<h1 id="mare">
<span id="night">Night</span>mare</h1>
</div>
<hr>-
我让用户提交一些文本（包括随机的html图像链接），然后我尝试从文本中的图像创建一个基本的BBCode[img][/img]标记。 我目前的测试方式如下： 字符串（取自随机论坛）：
-
问题内容： 如何摆脱列表项之间的空白？我正在努力使图像彼此相邻。即使我将样式设置为，它们仍然分开。 CSS HTML 问题答案： 2014年9月1日更新 在现代浏览器中，flex-box是执行此操作的首选方法。就像这样简单： 在这里查看JSFiddle 。 对于旧版浏览器的支持，请参考下面的其他选项，尽管稍微复杂一些，但它们仍然不错。 尽管每个其他答案至少提供了一个好的解决方案，但似乎没有一个提供
-
问题内容： 我有一个嘈杂的数据。 现在我只想提取。有没有办法删除这两个定界符和之间的文本？ 问题答案： 使用正则表达式： [更新] 如果您尝试过类似的模式，其中的点表示任何字符，而加号表示一个或多个，则您知道它不起作用。 为什么！？！这是因为正则表达式默认情况下是“贪婪的”。该表达式将匹配字符串之前的所有内容，包括-，这不是我们想要的。我们要匹配并在下一个处停止，因此我们使用的模式表示“除x外的任
-
问题内容： 我在线性布局中有一堆按钮。但是有空格按钮。我将padding设置为0，但是没有变化。在http://www.mail- archive.com/android- developers@googlegroups.com/msg51104.html上 已经有相同的问题，但那里没有答案。请你帮我一下。 问题答案： 尝试使用属性。例如，要减少左侧/右侧的空间（假设您有一组水平的按钮），可以执行
-
初来乍到，我正在创建一个网站，似乎有一个问题，我做了一个表，以保存一个图像和一个表，我做了一个内容。左边的内容右边的图像。当我向右浮动图像表时，内容表将完全移动到图像表下面。当我浮动它离开有太多的空间之间的2。所讨论的代码是表和表3。我希望它在链接按钮旁边显示图像块，在按钮下面但在图像块旁边显示上下文块。 第二个问题是我的logo标题，这是一个图像正在删除背景图像。 HTML代码 CSS代码 图像
-
问题内容： 以这个为例： 当标签的innerHtml 为空时，自动换行直到文本。 标签不会发生这种情况。我假设这是因为通常在前后都有空格中断的段落。 有什么办法可以删除吗？ 问题答案： 元素通常具有边距和/或填充。您可以在样式表中将其设置为零。 但是，从语义上讲，有一段段落是很不寻常的。