實現這種結構的最佳方式是什麼？

我們有一個標題，它的左右兩行。實現這種結構的最佳方式是什麼？

左邊的行必須將剩餘區域填充到標題左側（減去一個小邊距），右邊的行必須填充標題右側的剩餘區域。

查看下面的插圖，瞭解我需要什麼。

來源

2012-11-07 Maxim

http://stackoverflow.com/questions/9468923/的可能的複製 –

使用<HR>元素來畫線並把DIV與文本超過它，並給它相同的背景顏色和網頁。

來源

2012-11-07 13:59:54

謝謝，這是我的第一個決定，但它不'噸的工作對我來說，becouse頁面背景可能是圖片。 – Maxim

好吧，所以不要給它一個背景色？它應該從父級繼承背景顏色，不是？ –

怎麼樣兩個繼承的元素，其中父母有一個在其中的行背景。子元素包含白色背景並具有小填充。如果將父元素中的子元素居中，則應該獲得所需的效果。

例如，這應該工作：

<html> 
    <head> 
     <title></title> 
     <style type="text/css"> 
      #header { 
       width: 100%; 
       padding: 0; 
       background: url(img/line.png) repeat-x; 
      } 

      #headertext{ 
       text-align: center; 
      } 

      #headertext h1 { 
       display: inline; 
       background-color: white; 
       font-size: 150%; 
       padding: 4px; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="header"> 
      <div id="headertext"> 
       <h1>Heading</h1> 
      </div> 
     </div> 
    </body> 
</html>

來源

2012-11-07 14:14:41

實現這種結構的最佳方式是什麼？

回答

相關問題