Seo:table of content Template

Table of contents website examples

https://diveintohtml5.info/table-of-contents.html

https://www.tipsandtricks-hq.com/simple-table-of-contents-toc-using-pure-html-and-css-code-9217

https://diveintohtml5.info/table-of-contents.html 

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#Specifications

bootstrap table 怎么自适应宽度

<div class=table-responsive">
    <table class="table text-nowrap">
        <thead>
            <tr>
                <th> ... </th>
                ....
            </tr>
        </thead>
        <tbody>
            <tr>
                <td> ... </td>
                ....
            </tr>
            .....
        </tbody>
    </table>
</div>

for example

<div class="table-responsive&quot;">
<table class="table text-nowrap">
<thead>
<tr>
<th style="width: 16px;" align="left">名称</th>
<th style="width: 34.0469px;" align="left">网络类型</th>
<th style="width: 16px;" align="left">地域</th>
<th style="width: 41.75px;">&nbsp;</th>
<th style="width: 42px;">&nbsp;</th>
<th style="width: 0px;">&nbsp;</th>
</tr>
</thead>
<tbody>
<tr>
<td style="width: 16px;" align="left">家里网络</td>
<td style="width: 34.0469px;" align="left">无公网IP</td>
<td style="width: 16px;" align="left">广州</td>
<td style="width: 41.75px;">&nbsp;</td>
<td style="width: 42px;">&nbsp;</td>
<td style="width: 0px;">&nbsp;</td>
</tr>
<tr>
<td style="width: 16px;" align="left">服务器1</td>
<td style="width: 34.0469px;" align="left">有公网IP(大带宽)</td>
<td style="width: 16px;" align="left">宁波</td>
<td style="width: 41.75px;">aliyun</td>
<td style="width: 42px;">unbtn 22.04 64bit</td>
<td style="width: 0px;"> server</td>
</tr>
<tr>
<td style="width: 16px;" align="left">服务器2</td>
<td style="width: 34.0469px;" align="left">有公网IP</td>
<td style="width: 16px;" align="left">香港</td>
<td style="width: 41.75px;">&nbsp;</td>
<td style="width: 42px;">&nbsp;</td>
<td style="width: 0px;">&nbsp;</td>
</tr>
<tr>
<td style="width: 16px;" align="left">服务器3</td>
<td style="width: 34.0469px;" align="left">有公网IP</td>
<td style="width: 16px;" align="left">香港</td>
<td style="width: 41.75px;">&nbsp;</td>
<td style="width: 42px;">&nbsp;</td>
<td style="width: 0px;">&nbsp;</td>
</tr>
<tr>
<td style="width: 16px;" align="left">服务器4</td>
<td style="width: 34.0469px;" align="left">NAT端口转发</td>
<td style="width: 16px;" align="left">宿迁</td>
<td style="width: 41.75px;">&nbsp;</td>
<td style="width: 42px;">&nbsp;</td>
<td style="width: 0px;">&nbsp;</td>
</tr>
</tbody>
</table>
</div>