Question

如何设置图像＆＃34; LeftSpacer＆＃34;和＃34; RightSpacer＆＃34;内联没有但仍然留在页面＆＃34; Wrapper＆＃34;我需要＆＃34; LeftSpacer＆＃34;它是和＃34; RightSpace＆＃34;内联＆＃34; LeftSpacer＆＃34;但一直到右边。

<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>

Answer 1

您可以为Leftspacer和Rightspacer提供一个公共类，例如：class="spacers"，然后将css值设置为float:right或display:inline

设置图像与第一个内联

1 个答案: