Question

我正在使用双栏超文本表格显示一份规则清单。一个栏有规则编号,另一个栏有规则。

该规则的号码显示在他们所在的牢房底部附近。我怎么能让他们在他们所在的牢房顶上展示?

提前感谢,

John

表格代码样本:

echo "<table class="rulestable">";
    echo  <tr> ;
    echo  <td class="sitename1edit2arules">1.</td> ;
    echo  <td class="sitename1edit1rules">The quick brown fox jumps over the lazy sleeping dog.</td> ;
    echo  </tr> ;

    echo  <tr> ;
    echo  <td class="sitename1edit2arules">2.</td> ;
    echo  <td class="sitename1edit1rules">The quick brown fox jumps over the lazy sleeping dog.</td> ;
    echo  </tr> ;
echo "</table>";

社会保障局:

table.rulestable {
    position:absolute;
    left:30px;
    top:250px;
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    width: 400px;
    table-layout:fixed;
    background-color: #FFFFFF;
    border: 2px #FFFFFF;
    border-collapse: collapse;
    border-spacing: 2px;
    padding: 1px;
    text-decoration: none;
    vertical-align: top;

}

table.rulestable td {
   border: 2px solid #fff;  
   text-align: left; 
   height: 18px;
   overflow:hidden;

}

table.rulestable td a{
   padding: 2px;
   color: #004284;
   text-decoration: none;
   font-weight: bold;
   overflow:hidden;
   height: 18px;
}

table.rulestable td a:hover{
   background-color: #004284;
   padding: 2px;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   overflow:hidden;
   height: 18px;
}   

.sitename1edit2arules { width: 35px;
            overflow:hidden !important;
            color: #000000;
            padding-bottom: 5px;


}

Answer 1

变化:

table.rulestable td {
   border: 2px solid #fff;  
   text-align: left; 
   height: 18px;
   overflow:hidden;
}

:

table.rulestable td {
   border: 2px solid #fff;  
   text-align: left; 
   height: 18px;
   overflow:hidden;
   vertical-align: top;
}

Demo:

Answer 2

您可以调整牢房的直线财产:

line-height: 30px; /* Insert any height here */

采用这种风格后,你的工作方式正确。

友情链接