使用CSS创建特定宽度的表格单元格,没有自动换行
在使用CSS创建特定宽度的表格单元格时，可以使用 width 属性来设置单元格的宽度。同时，为了避免自动换行，可以使用 white-space 属性来控制单元格内容的换行方式。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head><style>
table {
border-collapse: collapse;
width: 50%;
}
th, td {
border: 1px solid black;
text-align: left;
padding: 8px;
white-space: nowrap;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h2>特定宽度的表格单元格示例</h2><table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>工程师</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>设计师</td>
</tr>
</table>
</body>
</html>在上面的示例代码中，我们设置了表格的宽度为50%，并且使用 white-space: nowrap; 属性来避免单元格内容自动换行。这样，即使单元格内容很长，也能够保证单元格宽度不会超出设定的宽度。
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
