Question

  <table class="table table-hover table-striped" border="5">
                <tbody>
                    <tr border="5">
                        <td border="5">Local IP Address</td>
                        <td border="5">
                            <input type="text" class="form-control"   aria-describedby="basic-addon1">
                        </td>

                    </tr>
                    <tr border="5">
                        <td border="5">Local Netmask</td>
                        <td border="5">
                            <input type="text" class="form-control"   aria-describedby="basic-addon1">
                        </td>

                    </tr>
                    <tr>
                        <td>Default Gateway</td>
                        <td>
                            <input type="text" class="form-control"    aria-describedby="basic-addon1">
                        </td>

                    </tr>

                </tbody>
            </table>

您好我试图增加表格内线的大小，但我只是让外线增加......

我正在使用

            <table class="table table-hover table-striped" border="5">
                <tbody>
                    <tr>
                        <td>Local IP Address</td>
                        <td>
                            <input type="text" class="form-control"   [(ngModel)] ="LocalIpAddress[1]" aria-describedby="basic-addon1">
                        </td>

                    </tr>
                    <tr>
                        <td>Local Netmask</td>
                        <td>
                            <input type="text" class="form-control"   [(ngModel)] ="LocalNetmask[1]"  aria-describedby="basic-addon1">
                        </td>

                    </tr>
                    <tr>
                        <td>Default Gateway</td>
                        <td>
                            <input type="text" class="form-control"   [(ngModel)] ="DefaultGateway[1]"  aria-describedby="basic-addon1">
                        </td>

                    </tr>

                </tbody>
            </table>

我得到了这个：

我还需要做些什么来增加内线的大小..？

Answer 1

试试这个：

<html>
    <style>
    .table-striped td {
        border: 2px solid #000;
    }
    </style>
    <table class="table table-hover table-striped" border="5">
                    <tbody>
                        <tr>
                            <td>Local IP Address</td>
                            <td>
                                <input type="text" class="form-control"  [(ngModel)] ="LocalIpAddress[1]" aria-describedby="basic-addon1">
                            </td>
                        </tr>
                        <tr>
                            <td>Local Netmask</td>
                            <td>
                                <input type="text" class="form-control"   [(ngModel)] ="LocalNetmask[1]"  aria-describedby="basic-addon1">
                            </td>
                        </tr>
                        <tr>
                            <td>Default Gateway</td>
                            <td>
                                <input type="text" class="form-control"   [(ngModel)] ="DefaultGateway[1]"  aria-describedby="basic-addon1">
                            </td>
                        </tr>
                    </tbody>
                </table>
    </html>

Answer 2

使用style =＆＃34; border：5＆＃34;在tr或td标签中。 tr是行，td是我认为的列

增加表内行的大小

2 个答案: