橫向短劃線在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連字符：– – – –當然，連字符不會連成固定寬度字體的實線。