Question

html、PHP，网页设计，调整表格长度。表格格式被固定了，想把长度调小，怎么破？代码奉上

（我在body或table里加height没反应？）
<style>
body {
text-align:left;
font-family: 'trebuchet MS', 'Lucida sans', Arial;
font-size: 14px;
color: #444;
}
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px;
border-spacing: 0;
margin-top:40px;
margin-left:80px;
}
.bordered {
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
.bordered tr:hover {
....略

}
.bordered td, .bordered th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
text-align: left;
}
.bordered th {
....略
}
.bordered td:first-child, .bordered th:first-child {
border-left: none;
}
.bordered th:first-child {
-moz-border-radius: 6px 0 0 0;
-webkit-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
}
.bordered th:last-child {
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
}
.bordered th:only-child{
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.bordered tr:last-child td:first-child {
-moz-border-radius: 0 0 0 6px;
-webkit-border-radius: 0 0 0 6px;
border-radius: 0 0 0 6px;
}
.bordered tr:last-child td:last-child {
-moz-border-radius: 0 0 6px 0;
-webkit-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
}
</style>

Answer 1

这个表格一般高度和宽度是自适应的,也就是你表格内部内容多就会变大,内容少就会变小,设置高宽也没用啊.不过给表格加这个两个属性overflow: hidden;display: block;就可以设置你想要的宽高了

Answer 2

width: 200px;

试着修改一下上面的宽度

Answer 3

table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px;
border-spacing: 0;
margin-top:40px;
margin-left:80px;
}

不就是这个width嘛 改呗

追问

= =,我说的是长度的修改，宽度是可以的

Answer 4

table width="100％" 值可以随便改