能否仅用单个<p>标签实现段落内每行文本间添加分隔线？

1. 是否可以在每行文本之间绘制一条分隔线？ #

当然可以，常见实现方式有两种：

• 直接使用HTML的<hr>标签：在每行文本对应的元素（比如<p>）之间插入<hr>标签，快速生成分隔线。
• 通过CSS样式实现：给文本元素添加底部边框（如border-bottom: 1px solid #ccc;），并调整间距，这种方式更灵活，能自定义分隔线的样式、颜色和间距。

2. 能否仅使用一个

标签实现指定排版效果？ #

可以，借助CSS样式就能实现，无需拆分多个<p>标签和<hr>标签。示例代码如下：

HTML代码 #

<p class="split-line">The first line…<br>The second line in the same paragraph…<br>The third line…</p>

CSS代码 #

.split-line br {
  display: block;
  border-bottom: 1px solid #000;
  margin: 8px 0;
  content: "";
}
.split-line {
  margin: 0;
}

这段代码通过给<p>内的<br>标签添加底部边框，模拟出<hr>的分隔效果，同时保持内容在同一个<p>标签内。

内容的提问来源于stack exchange，提问作者ஐ λnubis ఋ