内容多了表格自动拉大拉宽怎么关闭表格自动拉伸啊?

RT

作者: cbsy123   发布时间: 2010-10-04

我的办法是不写那么多内容

作者: huhuhelen   发布时间: 2010-10-04

.......还有没有? 我想固定

作者: cbsy123   发布时间: 2010-10-04

对于网页设计的初学者而言,可以在css代码的开头加一句:*{overflow:hidden;},并对html元素显式设置width和height的值,这样便于看到哪些元素容纳不下里面的东西,究竟是宽度不够还是高度不够。

作者: dalmeeme   发布时间: 2010-10-04

引用 3 楼 dalmeeme 的回复:
对于网页设计的初学者而言,可以在css代码的开头加一句:*{overflow:hidden;},并对html元素显式设置width和height的值,这样便于看到哪些元素容纳不下里面的东西,究竟是宽度不够还是高度不够。
我用纯HTML啊

作者: cbsy123   发布时间: 2010-10-04

HTML code

<div style="overflow:hidden">


纯html可以写css么?

作者: overmind   发布时间: 2010-10-04

引用 5 楼 overmind 的回复:
HTML code

<div style="overflow:hidden">

这个代码写在哪里啊?

作者: cbsy123   发布时间: 2010-10-04

还是拉伸啊..

作者: cbsy123   发布时间: 2010-10-04

注意下面红色部分:
HTML code
<html>
<head>
<style>
table {
    width:100px;
    height:100px;
    overflow:hidden;
    [color=#FF0000]table-layout:fixed;[/color] 
}
tr {
    width:100px;
    height:50px;
    overflow:hidden;
}
td {
    width:50px;
    height:50px;
    overflow:hidden;
}
</style>
</head>
<body>
<table border="1">
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>
</body>
</html>

作者: dalmeeme   发布时间: 2010-10-04

就是加上table-layout:fixed;

作者: dalmeeme   发布时间: 2010-10-04

需要说明的是,如果单元格里的内容比较多,最好不好直接用<td>内容</td>,而应该在单元格里先放一个标签,比如<span></span>,写成<td><span>内容</span></td>比较好控制,特别是想要固定单元格的高度就必须这么做。
见下面的示例:
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
table {
    width:200px;
    height:200px;
    table-layout:fixed;
}
tr {
    width:200px;
    height:100px;
}
td {
    margin:0;
    padding:0;
    width:100px;
    height:100px;
    vertical-align:top;
    word-wrap:break-word;
}
span {
    width:100px;
    height:100px;
    display:block;
    overflow:auto;
}
</style>
</head>
<body>
<table border="1">
<tr><td><span>中国人都是炎黄子孙中国人都是炎黄子孙中国人都是炎黄子孙
</span></td><td><span>中国人都是炎黄子孙中国人都是炎黄子孙中国人都是炎黄子孙
中国人都是炎黄子孙中国人都是炎黄子孙中国人都是炎黄子孙</span></td></tr>
<tr><td>c</td><td>d</td></tr>
</table>
</body>
</html>

作者: dalmeeme   发布时间: 2010-10-05

引用 10 楼 dalmeeme 的回复:
需要说明的是,如果单元格里的内容比较多,最好不好直接用<td>内容</td>,而应该在单元格里先放一个标签,比如<span></span>,写成<td><span>内容</span></td>比较好控制,特别是想要固定单元格的高度就必须这么做。
见下面的示例:

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio……

2个都试了...都会往后面拉长...

作者: cbsy123   发布时间: 2010-10-05