html 如何控制在表格中输入多文字的时候表格不被撑大
例如:事业dreamweaver画一个表格,预览空表格正常,但是如果往单元格里填充文字的话会把单元格撑大,改如何解决....
例如:事业dreamweaver画一个表格,预览空表格正常,但是如果往单元格里填充文字的话会把单元格撑大,改如何解决.
展开
展开全部
在表格要限制大小的单元格内先加<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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询