table 设置每列等宽table-layout: fixed;后 td设置宽度无效

荣俊杰
2023-12-01

table 设置每列等宽table-layout: fixed;后,内容超出时被挤,无论怎么设置宽度都没用,可以
它的个数和你的td 数一直,同时设置你想要的那个td对应它的宽度就可以了。

<table>
		<thead>
			<tr>
				<td>序号</td>
				<td style="width: 62%;"></td>
				<td>数量</td>
			</tr>
		</thead>
		<col style="width: 100px;"/>
		<col>
		<col style="width: 100px;"/>
		<tbody>
				<tr>
					<td>NO.1</td>
					<td>测试</td>
					<td>100</td>
				</tr>
				<tr>
					<td>NO.2</td>
					<td>测试2</td>
					<td>100</td>
				</tr>
				<tr>
					<td>NO.3</td>
					<td>测试3</td>
					<td>100</td>
				</tr>
				<tr>
					<td>NO.4</td>
					<td>测试4</td>
					<td>100</td>
				</tr>
				<tr>
					<td>NO.5</td>
					<td>测试5</td>
					<td>100</td>
				</tr>
			</tbody>
 类似资料: