設置圖片首先與內聯

如何設置圖像「LeftSpacer」和「RightSpacer」沒有
，但仍然留在頁面「包裝」我需要「LeftSpacer」，而不是「RightSpace」內聯「LeftSpacer」，但一直到右側。設置圖片首先與內聯

<html> 
<head> 

<style type="text/css"> 
<!-- 
body { 
    text-align:center; /* for IE */ 
    margin:0 auto; /* for the rest */ 
    background-color: #ffffff; 
} 

#Wrapper{ 
    width: 1000px; 
} 

div#wrapper { 
    text-align:left; 
    width:1000px; /* or a percentage, or whatever */ 
} 

    /*End Page Wrapper*/ 

#Header { 
    width: 100%; 
    height: 100%; 
    background: url("http://www.web-designer-ga.com/Pics/top.gif") no-repeat 0 0; 
} 

#LeftSpacer { 
    width: 14px; 
    height: 24px; 
    background: url("http://www.web-designer-ga.com/Pics/btn_lft.gif") no-repeat 0 0; 
} 

#RightSpacer { 
    width: 100%; 
    height: 100%; 
    background: url("http://www.web-designer-ga.com/Pics/btn_rgt.gif") no-repeat 0 0; 
} 

--> 
</style> 

</head> 

<body> 

    <div id="Wrapper"> 

    <div id="Header"></div> 

     <div id="LeftSpacer"></div> 

     <div id="RightSpacer"></div> 

    </div> 

</body> 
</html>

來源

2012-04-14 Blnukem

你可以給Leftspacer和Rightspacer一個通用類，如：class="spacers"，然後將CSS值設置爲float:right或display:inline

來源

2012-04-14 16:26:21

做它的的jsfiddle進行實驗 – 2012-04-14 16:26:41

沙德我想，我不能似乎讓它工作，仍然保持休息。 – Blnukem 2012-04-14 17:28:14

我不明白這個問題，但是當我在jsFiddle的這個地方嘗試了這個：http://jsfiddle.net/3zX6R/1/這個rightspacer不想工作，因爲你沒有指定一個特定的高度和寬度，你只是把它變成了高度：100％和寬度：100％。我不知道你想要什麼，但我希望我幫助:) – 2012-04-15 16:58:50

設置圖片首先與內聯

回答

相關問題