Javascript 如何使标记位置的线条正好位于标记的下方？

好的，让我们看看这两张图片：

1-丑陋的图片：在标签线和标签之间的空间太大

2-Nice pic：图中的线和标签之间的空间保持最小

我们可以在css中实现这一点吗？

您可以实现在h1标记上放置边框底部

我在这里举了一个例子，说明了如果只使用标题标签和标题标签与标签的区别。默认情况下，所有标题标记h1、h2、h3、h4、h5、h6都有一些填充和边距，在每个浏览器上都有所不同

检查使用边距和填充或不使用边距之间的差异；填充

您可以实现在h1标记上放置边框底部

我在这里举了一个例子，说明了如果只使用标题标签和标题标签与标签的区别。默认情况下，所有标题标记h1、h2、h3、h4、h5、h6都有一些填充和边距，在每个浏览器上都有所不同

---

检查使用边距和填充或不使用边距之间的差异；填充

由于您没有发布任何代码，我认为这是一个一般问题，而不是具体问题

这可以通过CSS使用填充或边距属性来实现，具体取决于场景

默认情况下，浏览器会添加一些样式。大多数浏览器使用此空间的边距，因为它在这种情况下最合适

下面是一个调整边距以类似维基百科截图的示例：

---

由于您没有发布任何代码，我认为这是一个一般问题，而不是具体问题

这可以通过CSS使用填充或边距属性来实现，具体取决于场景

默认情况下，浏览器会添加一些样式。大多数浏览器使用此空间的边距，因为它在这种情况下最合适

下面是一个调整边距以类似维基百科截图的示例：

---

---

老实说，就像Kheema已经建议的那样，使用border css属性比使用HTMLHR元素更好。hr元素现在更多的是语义，而不是表示

老实说，Kheema已经建议使用border css属性比使用html hr元素更好。hr元素现在更多的是语义，而不是表示

你试过什么？制作一个JSFIDLE页面来显示您的尝试如何。当然，您可以通过CSS实现这一点。我会去看看页面的CSS，在那里你把漂亮的图片从一个网页上拿出来，看看他们是怎么设计的……我不知道怎么做，因为H标签在下面有很大的空间。你试过什么？制作一个JSFIDLE页面来显示您的尝试如何。当然，您可以通过CSS实现这一点。我会去看看页面的CSS，在那里你把漂亮的图片从一个网页上拿出来，看看他们是怎么设计的……我不知道怎么做，因为H标签在下面留了一个很大的空间，不起作用。我正在使用GWT&css只是GWT的一部分，不确定这是主要原因GWT是一个生成HTML+css+javascript组件的java框架。您需要导入自己的CSS样式，以覆盖浏览器默认设置。正如您在JSFIDLE中所看到的那样，这是有效的。但不起作用。我正在使用GWT&css只是GWT的一部分，不确定这是主要原因GWT是一个生成HTML+css+javascript组件的java框架。您需要导入自己的CSS样式，以覆盖浏览器默认设置。正如您在jsFiddle.wait中看到的那样，如果我执行h1、h2、h3、h4、h5、h6{border bottom:1px solid cccc；}，那么该行将自动插入每个H标记中。只有当我们使用Hrif时，我们才能这样做。如果您不希望应用每个标记，然后将其删除。并将此css应用于标记。hr{border:1px solid ef8913；margin:-9px；padding:0}现在你必须根据你想要的结果来使用margin。我想我可以使用h1{font-weight:normal；border-bottom:1px solid cccccc；}，因为它比在hr中使用负margin更自然，而不是覆盖默认的margin或padding不好。等等，如果我使用h1，h2，h3，h4，h5，h6{边框底部：1px实心CCCC；}然后该行自动插入每个H标记中。只有当我们使用Hrif时，我们才能这样做。如果您不希望应用每个标记，然后将其删除。并将此css应用于标记。hr{border:1px solid ef8913；margin:-9px；padding:0}现在你必须根据你想要的结果来使用margin。我想我可以使用h1{font-weight:normal；border-bottom:1px solid cccccc；}，因为它比在hr中使用负margin更自然，而不是覆盖默认的margin或padding不好。

<h1>Samsung Galaxy S5</h1>

h1{font-weight:normal;border-bottom:1px solid #cccccc;}

h1{
    margin:5px 0 0 0;
}

h3{
    margin:10px 0;
}
hr{
    margin:0;
}