添加垂直居中的水平線上，以填補塊文本

My Section ------------------------------

這只是我想這條線在CSS做，以填補空間自動。我不希望他們實際上是連字符。我只想要一條視覺線。

2009-07-13 Larsenal

在CSS ?!真？ – 2009-07-13 23:11:47

該行由可選連字符組成是否重要？換句話說，流向文本右側的（不可選擇的）背景圖像是否可以工作？ – anschauung 2009-07-13 23:12:57

像這樣的事情？

<h1 style="background-image:url(../images/middleline.jpg);"><span style="background-color:white;">My text</span></h1>

編輯：

2009-07-13 23:16:48 Joel

<html> 
    <div style='float:left'>My Section</div> 
    <hr> 
</html>

如果您想行垂直居中的文字，你可以這樣做：

<html> 
    <div style='float:left'>Hello &nbsp;</div> 
    <hr style='position:relative;top:8px'> 
</html>

2009-07-13 23:14:40

這裏有一個快速解決方案：在你想要的地方做一個寬度爲100％的跨度，然後設置border-bottom：1px黑色實體;

2009-07-14 00:26:17

回答