Question

基本上我想应用bottom-border，但不是在单元格的底部，我希望它处于死点。

我如何使用CSS＆amp; amp;仅限HTML（并且不使用图形）？

所以想象一下，单元格/行的高度为50px，宽度为100px，我希望该行为宽度= 100px，并且行/单元格的高度为25px。

感谢。

P.S。想象一下像字体的交叉功能 - 但是对于一个空的空间（如果这有意义的话）。

Answer 1

或许在单元格中加上<hr>，然后使用CSS给它一个绝对位置。

Answer 2

    <table>
<tr style="border-bottom:1px solid black">
<td>abc</td><td>abc</td>
<tr style="border-bottom:1px solid black">
<td>def</td><td>def</td>
</table>

Answer 3

试试这个：

<table>
    <tr>
        <td style="width:100px; height:50px;
                   line-height:50px; letter-spacing:96px;
                   text-decoration: line-through;">
        &nbsp;
        </td>
    </tr>
</table>

或者如果你改变了对图形的看法：

答案 3 :(得分：0)

对我有用的解决方案是在列级别定义css属性，并将colspan定义为表中的列数

HTML-

<tr class="border_bottom">
    <td colspan="6"></td>
</tr>

CSS-

tr.border_bottom td {
    border-bottom: 1px solid #cccccc;
    color: #707070;
}

table {
    border-collapse: collapse;
}

答案 4 :(得分：0)

不使用任何图像的表格的最佳方法：

<style>
.dotted{
width:10px;height:50px;
line-height:50px;letter-spacing:96px;
text-decoration: line-through;text-decoration-style:dashed;
}
</style>
<table>
    <tr>
    <td><span>Additional Charges</span></td>
        <td class="dotted">
        &nbsp;
        </td>
        <td><span>INR 3000.00</span></td>
    </tr>
</table>

Answer 4

对我有用的解决方案是在列级别定义css属性，并将colspan定义为表中的列数

HTML-

<tr class="border_bottom">
    <td colspan="6"></td>
</tr>

CSS-

tr.border_bottom td {
    border-bottom: 1px solid #cccccc;
    color: #707070;
}

table {
    border-collapse: collapse;
}

Answer 5

不使用任何图像的表格的最佳方法：

<style>
.dotted{
width:10px;height:50px;
line-height:50px;letter-spacing:96px;
text-decoration: line-through;text-decoration-style:dashed;
}
</style>
<table>
    <tr>
    <td><span>Additional Charges</span></td>
        <td class="dotted">
        &nbsp;
        </td>
        <td><span>INR 3000.00</span></td>
    </tr>
</table>

如何将水平线/边框放在表格行的中间？

5 个答案: