Html 行打印不正确

Html 行打印不正确,html,Html,我想在每个锚链接后打印一行 我正在使用div和定义线属性的样式。但它不是在每个链接后打印,而是为备用链接打印 HTML代码非常简单,并不复杂,但仍然给出错误的输出。 我需要在每个链接后一行 <a href='#'>Movie 1</a><br> <div style='width: 100%;border-bottom: 0.5px solid black;'></div> <a href='#'>Movie 2</a

我想在每个锚链接后打印一行

我正在使用div和定义线属性的样式。但它不是在每个链接后打印,而是为备用链接打印

HTML代码非常简单,并不复杂,但仍然给出错误的输出。 我需要在每个链接后一行

<a href='#'>Movie 1</a><br>
<div style='width: 100%;border-bottom: 0.5px solid black;'></div>
<a href='#'>Movie 2</a><br>
<div style='width: 100%;border-bottom: 0.5px solid black;'></div>
<a href='#'>Movie 3</a><br>
<div style='width: 100%;border-bottom: 0.5px solid black;'></div>
<a href='#'>Movie 4</a><br>
<div style='width: 100%;border-bottom: 0.5px solid black;'></div>
<a href='#'>Movie 5</a><br>
<div style='width: 100%;border-bottom: 0.5px solid black;'></div>
<a href='#'>Movie 6</a><br>
<div style='width: 100%;border-bottom: 0.5px solid black;'></div>
<a href='#'>Movie 7</a><br>
<div style='width: 100%;border-bottom: 0.5px solid black;'></div>
代码链接:
使用标签。这比较容易

你的课文1


您的文本2使用标签。这比较容易

你的课文1


如果要使用您的代码样式,请使用文本2。 试试这个,效果很好

<div style='width: 100%;border: 0.5px solid black;'></div

如果你想使用你的代码风格。 试试这个,效果很好

<div style='width: 100%;border: 0.5px solid black;'></div

您不应该手动执行此操作。使用标签

HTML元素表示段落级元素之间的主题中断:例如,故事中场景的变化,或部分中主题的转移

资料来源:


您不应该手动执行此操作。使用标签

HTML元素表示段落级元素之间的主题中断:例如,故事中场景的变化,或部分中主题的转移

资料来源:

只要将代码中的0.5px更改为1px,它就会工作

小于1px的值可能不会显示任何内容,因为您的屏幕可以显示的最小单位是1px

有关小于像素厚的边框的详细信息,请参见

只要将代码中的0.5px更改为1px,它就会工作

小于1px的值可能不会显示任何内容,因为您的屏幕可以显示的最小单位是1px

有关小于像素厚的边框的详细信息,请参见

您可以使用水平标尺,但这不是代码中的问题

您的代码是problamatic,因为您使用的是浮动边界宽度

您可以使用水平标尺,但这不是代码中的问题

您的代码是problamatic,因为您使用的是浮动边界宽度



您可以尝试tagFollowing@Raahul的想法,这里有一个JSFiddle:我只使用border修改了您的div标记。试试看。它适用于meNO我不能使用hr,行与行之间的距离太大。@Raahul这是一个替代解决方案,但不修复他的代码。您可以尝试tagFollowing@Raahul的想法,这里有一个JSFiddle:我只使用border修改了您的div标记。试试看。它适用于meNO我不能使用hr,行与行之间的距离太大。@Raahul这是一个替代解决方案,但不修复他的代码。不客气。并考虑使用CSS类而不是style属性。你熟悉吗?是的,这只是为了测试目的:@WillHoskings你能指定吗?@MichaelCzechowski你不应该首先使用s作为分离标记。标签是专门为此任务设计的。这个问题在我看来更像是一个XY问题。你已经看到了,我稍微修改了代码,并尽可能保持原始和不变?我来这里不是为了教别人编程范例或其他东西。他/她有一个问题,代码有一个问题,但我已经解决了。这就是我们在这里所做的,仅此而已。你不同意吗?不客气。并考虑使用CSS类而不是style属性。你熟悉吗?是的,这只是为了测试目的:@WillHoskings你能指定吗?@MichaelCzechowski你不应该首先使用s作为分离标记。标签是专门为此任务设计的。这个问题在我看来更像是一个XY问题。你已经看到了,我稍微修改了代码,并尽可能保持原始和不变?我来这里不是为了教别人编程范例或其他东西。他/她有一个问题,代码有一个问题,但我已经解决了。这就是我们在这里所做的,仅此而已。你不同意吗?很好的解决方案,但是距离太远了。无论如何,谢谢你的回答:D相关性。。。秒difference@Zhrez痛苦的是,如果最后一个解决方案有太多的空间,你可以简单地减少底部边距,我更新了asnwer一致的好解决方案,但是距离太远了。无论如何,谢谢你的回答:D相关性。。。秒difference@Zhrez痛苦的是,如果上一个解决方案有太多的空间,您可以简单地减少底部边距,我相应地更新了asnwer