table 布局坑 - 4 td width 未按照理想中的值设定，按时却又按照设置的比例布局

Fade Away

于 2019-11-01 17:56:09 发布

阅读量152

点赞数

分类专栏： table布局

本文链接：https://blog.csdn.net/qq_26239917/article/details/102862262

版权

table布局专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>测试</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}

			.table {
				table-layout: fixed;
			}
		</style>
	</head>
	<body>
		<div style="width: 100%">

			<table class="table" style="width: 100%">
				<thead>
					<tr>
						<th colspan="7" style="background-color: #2f96b4">地址情况</th>
					</tr>
					<tr>
						<th style="width: 80px;">国家</th>
						<th style="width: 80px;">省份</th>
						<th style="width: 80px;">城市</th>
						<th style="width: 80px;">区</th>
						<th style="width: 80px;">街道</th>
						<th style="width: 500px;">居委会</th>
						<th style="width: 80px;">门牌号</th>
					</tr>
				</thead>


				<tbody>
					<tr style="text-align:center">
						<td>中国</td>
						<td>广东</td>
						<td>广州</td>
						<td>天河</td>
						<td>五山</td>
						<td>
							<pre style="word-break: break-all">天河中学高中部隔壁的小区</pre>
						</td>
						<td>
							<pre>aa</pre>
						</td>
					</tr>

				</tbody>
			</table>
		</div>
	</body>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</html>

Fade Away

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table 布局坑 - 4 td width 未按照理想中的值设定，按时却又按照设置的比例布局

<html> <head> <title>测试</title> <style type="text/css"> * { padding: 0; margin: 0; } .table { table-layout: fixed; } </style> </...
复制链接

扫一扫