table标签内部使用a标签导致grid布局错乱

[cosmoyqt]

html代码

系统	浏览器名称	详情
IOS系统	safari浏览器	点击查看详情 2.2.1
	QQ浏览器	点击查看详情 2.2.2
	夸克浏览器	点击查看详情 2.2.3
	Google浏览器	点击查看详情 2.2.4
	百度浏览器	点击查看详情 2.2.5
	搜狗浏览器（极速版）	点击查看详情 2.2.6
	UC浏览器	点击查看详情 2.2.7
	火狐浏览	点击查看详情 2.2.8
	高速浏览器	点击查看详情 2.2.9
	浏览器（安全上网iphone版）	点击查看详情 2.2.10
安卓系统	小米浏览器	点击查看详情 2.3.1
	OPPO浏览器	点击查看详情 2.3.2
	华为浏览器	点击查看详情 2.3.3
	360浏览器	点击查看详情 2.3.4
	QQ浏览器	点击查看详情 2.3.5
	uc浏览器	点击查看详情 2.3.6
	夸克浏览器	点击查看详情 2.3.7
	百度浏览器	点击查看详情 2.3.8
	Edge浏览器	点击查看详情 2.3.9
	Firefox浏览器	点击查看详情 2.3.10
	猎豹浏览器	点击查看详情 2.3.11
	谷歌浏览器	点击查看详情 2.3.12
	搜狗浏览器	点击查看详情 2.3.13

[cosmoyqt]

<table data-sort="sortDisabled" align="center"> <tbody> <tr class="firstRow"> <th valign="middle" colspan="1" rowspan="1" style="word-break: break-all; background-color: rgb(79, 129, 189); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);width:10%;" align="left"><strong>系统</strong> </th> <th valign="middle" colspan="1" rowspan="1" style="word-break: break-all; background-color: rgb(79, 129, 189); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);width:45%;" align="left"><strong>浏览器名称</strong> </th> <th valign="middle" colspan="1" rowspan="1" style="background-color: rgb(79, 129, 189); word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);width:45%;" align="left"><strong>详情</strong> </th> </tr> <tr> <td valign="middle" colspan="1" rowspan="10" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left">IOS系统 </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">safari<span style="text-align: justify; font-family: 宋体;">浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosSafari" style="text-decoration: underline;">点击查看详情 2.2.1</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px"><span style="font-size: 14px">QQ<span style="font-family:宋体">浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <span><a href="#iosQQ" style="text-decoration: underline;">点击查看详情 2.2.2</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px"><span style="font-size: 14px"><span style="font-family:宋体">夸克浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosKuake" style="text-decoration: underline;">点击查看详情 2.2.3</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px"><span style="font-family: 宋体;font-size: 14px">Google</span><span style="font-size: 14px"><span style="font-family:宋体">浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosGoogle" style="text-decoration: underline;">点击查看详情 2.2.4</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px"><span style="font-size: 14px"><span style="font-family:宋体">百度浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosBaidu" style="text-decoration: underline;">点击查看详情 2.2.5</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px"><span style="font-size: 14px"><span style="font-family:宋体">搜狗浏览器</span></span><span style="font-family: 宋体;font-size: 14px">（极速版）</span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosSougou" style="text-decoration: underline;">点击查看详情 2.2.6</a></span> </td> </tr> <tr> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px"><span style="font-size: 14px">UC<span style="font-family:宋体">浏览器</span></span> </p> </td> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosUC" style="text-decoration: underline;">点击查看详情 2.2.7</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px"><span style="font-size: 14px"><span style="font-family:宋体">火狐浏览</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosHuohu" style="text-decoration: underline;">点击查看详情 2.2.8</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">高速浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosGaosu" style="text-decoration: underline;">点击查看详情 2.2.9</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">浏览器（安全上网iphone版）</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#iosLiu" style="text-decoration: underline;">点击查看详情 2.2.10</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="13" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left">安卓系统<br/> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">小米浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azMin" style="text-decoration: underline;">点击查看详情 2.3.1</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">OPPO浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azOppo" style="text-decoration: underline;">点击查看详情 2.3.2</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">华为浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azHuawei" style="text-decoration: underline;">点击查看详情 2.3.3</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">360浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <span><a href="#az360" style="text-decoration: underline;">点击查看详情 2.3.4</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">QQ浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azQQ" style="text-decoration: underline;">点击查看详情 2.3.5</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">uc浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azUC" style="text-decoration: underline;">点击查看详情 2.3.6</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">夸克浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azKuake" style="text-decoration: underline;">点击查看详情 2.3.7</a></span> </td> </tr> <tr> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">百度浏览器</span></span> </p> </td> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azBaidu" style="text-decoration: underline;">点击查看详情 2.3.8</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">Edge浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azEdge" style="text-decoration: underline;">点击查看详情 2.3.9</a></span> </td> </tr> <tr> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">Firefox浏览器</span></span> </p> </td> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azHuohu" style="text-decoration: underline;">点击查看详情 2.3.10</a></span> </td> </tr> <tr> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">猎豹浏览器</span></span> </p> </td> <td valign="middle" colspan="1" rowspan="1" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azBao" style="text-decoration: underline;">点击查看详情 2.3.11</a></span> </td> </tr> <tr> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">谷歌浏览器</span></span> </p> </td> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" align="left"><span><a href="#azGoogle" style="text-decoration: underline;">点击查看详情 2.3.12</a></span> </td> </tr> <tr> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" height="0" align="left"> <p style=";text-align: justify;font-family: Calibri;font-size: 14px">搜狗浏览器</span></span> </p> </td> <td valign="middle" style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" height="0" align="left"><span><a href="#azSougou" style="text-decoration: underline;">点击查看详情 2.3.13</a></span> </td> </tr> </tbody></table>

[cosmoyqt]

牛皮