使用css

Question

我在网页上生成了一个网格，并附加了一些样式。标题应用了背景图像。标题是一行深，它看起来很好。标题跨越两行（带换行符）的第二个看起来像附件。我试图摆弄高度，但我无法接受它。

    <style>
.Grid {background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; font-family:Calibri; color: #474747;}
.Grid td {
      padding: 2px;
      border: solid 1px #c1c1c1; }
.Grid th  {
      padding : 4px 2px;
      color: #000000;
      background: #363670 url(images/grid-header.png) repeat-x top;
      border-left: solid 1px #525252;
      font-size: 0.9em;
      }
.Grid .alt {
      background: #fcfcfc url(images/grid-alt.png) repeat-x top; }
.Grid .pgr {background: #363670 url(images/grid-pgr.png) repeat-x top; }
.Grid .pgr table { margin: 3px 0; }
.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.Grid .pgr a { color: Gray; text-decoration: none; }
.Grid .pgr a:hover { color: #000; text-decoration: none; }

</style>

Answer 1

到.Grid th尝试添加

background-size: auto 100%;

第一个变量是宽度，我们想要的是正常行为，因为它已经正常工作，第二个是高度，并且说使用100％的可用高度。