杨贵妃秘史最早电视剧:HTML表格怎么控制其宽度

来源:百度文库 编辑:高校问答 时间:2024/05/07 06:42:16
最近我正在学这做网页,可是一做到往表格里填内容,表格就自动根据其内的内容加宽,可是这一加宽网页的表格就不对称了,我想问一下,怎么才能控制表格,让其内容能根据表格宽度自动换行,
请高手解答~~~~
还有点补充的就是我在表格代码里设置百分比和像素点宽度都不好使,
我做的网页是用PHP和HTML配合做的。

1,使用传统的方法
<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
2,使用css
<style>
.td{width:100px;}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度

3,用css
<style>
.td{width:100px;overflow:hidden}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节....

有两种方法,第一是使用table得属性,
设置: width="760px"这样得,其中px可以省略。
这个是绝对宽度,还可以用相对宽度,比如
width="100%",这个100%占得宽度由他得上一层元素得宽度决定,就是100%占用,
第二是使用style样式表吧,
<table .... style="width:760; height=...">这样得。具体数值相对还是绝对跟上面一样得。

<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>