html中的直线

Question

使用html绘制整条直线的最佳方法是什么？

我想要的是这样的东西：

---

但较短。

我知道[1]（＆horbar;），[2]（-），―（–），破折号等的存在—&ndash...>

但是问题是它们不是跨平台/跨浏览器的：有时候我得到这个---行为，而不是这个___，但是在中间。

我没有测试所有功能，但是使用水平线

在Windows Chrome上不起作用（虽然在Ubuntu和Android上使用），em破折号在Windows Chrome上可以工作，但不能使用在Firefox上运行，<< [破折号在Android Chrome，Windows Chrome或Firefox上均不工作。我知道我可以只用一个边界制作一个span / div并相对定位，但是问题是它的长度是固定的，而我需要根据内容延伸的线（这样---this---可以比---this longer one---长），因为我用不同的语言显示了相同的内容。

所以，是否有任何字符能够绘制跨浏览器的实线？

更新：这是我需要的

使用html绘制整条直线的最佳方法是什么？我想要的是这样的：但更简短。我知道＆horbar;的存在[1] [2]。 （＆horbar;），—（-），＆...

Answer 1

我不是100％不确定您想要什么，但是也许有些CSS可以帮助您？我认为此处不宜使用字符作为装饰。

Answer 2

[如果有人感兴趣，我发现了一堆不同的行，据我测试，其中一些是跨浏览器的：