以居中文字虛線

Question

我是在中間帶有標籤的虛線之後。虛線需要適合屏幕的寬度。我已經想出了以下內容。

如果有更好的辦法

<fieldset class="dashed"> 
<legend align="center">Some Centred Text</legend> 
</fieldset> 

.dashed 
{ 
border:0px; 
border-top: 1px dashed; 
} 

奇蹟。

Answer 1

如果我是你，我用div和span爲我的標記：

<div class="dashed"> 
    <span>Some Centred Text</span> 
</div> 

而且在CSS：

.dashed { 
    border-bottom: 1px dashed #000; 
    text-align: center; 
    height: 10px; 
    margin-bottom: 10px; 
} 

.dashed span { 
    background: #fff; 
    padding: 0 5px; 
} 

• 檢查jsFiddle Demo。