横向短划线在HTML或CSS？

Question

所以我很忙这个真正简单的即将到来的模板，现在我需要做一个横向的破折号。我参考了这篇文章底部的图片。有没有在HTML或CSS的任何方式来做到这一点？

Answer 1

样的哈克解决方案，但你可以使用破折号（或更长破折号像我的情况），减少对短线的字母间距，或使用字体，字符之间没有空间放他们彼此相邻。

HTML

<p>&#x2015;&#x2015;&#x2015; <span>Coming Soon</span> &#x2015;&#x2015;&#x2015;</p> 

CSS

p { font-family: Arial; letter-spacing: -2px;} 
p span { letter-spacing: 2px; margin: 0 5px; } 

例如小提琴：http://jsfiddle.net/D5nA2/

Answer 2

您要使用的字符是 “破折号”，HTML实体—。在排版中，它被定义为一个破折号，它是字体中最宽字符的整个宽度（通常是字母M）。

如果串几个一起在列，如— — — —（4长划线），你可以让你想要的任何长度的破折号（米宽度的增量）。

在可变宽度字体（其中每个字符可以具有不同的宽度边界框）中还有“en-dash”–，其被定义为（在排版中）½ em-dash的宽度。下面是一串4连字符：– – – –当然，连字符不会连成固定宽度字体的实线。