表格单元格td设置宽度无效的解决办法

最新推荐文章于 2023-05-19 22:00:12 发布

转载最新推荐文章于 2023-05-19 22:00:12 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/quincylk/article/details/25875301/

文章标签：

#CSS #HTML

HTML 同时被 2 个专栏收录

12 篇文章

订阅专栏

CSS

6 篇文章

订阅专栏

博客主要讲述在做table页面时，对td设置宽度可能无效，其宽度常由内部内容撑开。提出可通过让“内容”撑开单元格来解决该问题，还提到类div1中的单元格宽度设置已生效。

在做table页面时，有时对td设置的宽度是无效的，td的宽度始终有内部的内容撑开，可以设置padding，但直接设置width却无效

单元格内容始终由内容而决定，那么既然是由内容决定的那么我们就想办法让“内容”把单元格撑开，这样就行了。

即：

<style type="text/css">
	table tr td div{width:300px;}
</style>
<table>
	<tr>
		<td>
			<div>第一列</div>
		</td>
		<td>
			<div>第二列</div>
		</td>
	</tr>
</table>

我们可以看到类div1中的单元格的宽度已经生效了。

转自：表格单元格td设置宽度无效的解决办法