html 如何控制在表格中输入多文字的时候表格不被撑大
例如:事业dreamweaver画一个表格,预览空表格正常,但是如果往单元格里填充文字的话会把单元格撑大,改如何解决....
例如:事业dreamweaver画一个表格,预览空表格正常,但是如果往单元格里填充文字的话会把单元格撑大,改如何解决.
展开
1个回答
展开全部
在表格要限制大小的单元格内先加<div>标记，而要放入<td>的所有内容，则放入<div>之中。然后用样式限制<div>的大小即可。
例如：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div1 {
height: 50px;
width: 80px;
overflow: hidden;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td><div class="div1"> 例如:事业dreamweaver画一个表格,预览空表格正常,但是如果往单元格里填充文字的话会把单元格撑大,改如何解决.</div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
例如：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div1 {
height: 50px;
width: 80px;
overflow: hidden;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td><div class="div1"> 例如:事业dreamweaver画一个表格,预览空表格正常,但是如果往单元格里填充文字的话会把单元格撑大,改如何解决.</div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
