Question

这就是我想要实现的目标：http://jsfiddle.net/LxwXc/3/

当我在我的网站上有这个代码时，我在tds之间有差距。你有什么想法吗？我只是疯了......

.goodtable td

{

    border-bottom: 1px solid black;

    border-left: none;

    border-right: none;

    border-top: none;

    padding: 10px;

}

</style>



<table class="goodtable" cellpadding="10" cellspacing="8">  

    <tr>

        <td width="150px">Username:</td> 

        <td width="150px">opera</td>

    </tr>



    <tr>

        <td>Gender:</td> 

        <td>Male</td>

    </tr>    



    <tr>

        <td>Age:</td> 

        <td>19 (1992-01-01)</td>

    </tr>



    <tr>

        <td>Country, city:</td> 

        <td>hey, Afghanistan</td>

    </tr>




    <tr>

        <td>Height:</td> 

        <td>187 centimetres</td>

    </tr>


</table>

Answer 1

您已设置cellpadding和cellspacing。这些正在造成差距。

摆脱它们，并在padding内定义td值。

或者，您可以设置border-collapse: collapse;但在这种情况下，请使用border-spacing CSS属性设置空格。不推荐使用cellspacing和cellpadding。

在td的边界。 Html css问题

1 个答案: