让同一table内的不同td占有的宽度不同.有关网页编辑。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让同一table内的不同td占有的宽度不同.有关网页编辑。相关的知识,希望对你有一定的参考价值。


<table style="width: 788px;height:788px" >
<tr>
<td>占用85%的宽度</td>
<td>占用15%的宽度</td>
</tr>
<tr>
<td>占用40%的宽度</td>
<td>占用600%的宽度</td>
</tr>
</table>

我在改变上一个td的宽度时,下面的td也跟着变化。我不知道怎么弄。

你这样不行的,必须使用不同的表格:
<table style="width: 788px;height:788px" >
<tr><td><table width=100%><tr>
<td width=85%>占用85%的宽度</td>
<td width=15%>占用15%的宽度</td>
</table></td></tr>

<tr><td><table width=100%><tr>
<td width=40%>占用40%的宽度</td>
<td width=60%>占用600%的宽度</td>
</table></td></tr>
</table>
参考技术A 你这样不行的,必须使用不同的表格:
<table
style="width:
788px;height:788px"
>
<tr><td><table
width=100%><tr>
<td
width=85%>占用85%的宽度</td>
<td
width=15%>占用15%的宽度</td>
</table></td></tr>
<tr><td><table
width=100%><tr>
<td
width=40%>占用40%的宽度</td>
<td
width=60%>占用600%的宽度</td>
</table></td></tr>
</table>

固定宽度表 - 具有不同宽度的单元格?

【中文标题】固定宽度表 - 具有不同宽度的单元格?【英文标题】:Fixed width table -- with different width cells? 【发布时间】:2012-09-26 04:22:49 【问题描述】:
<table>
    <tr>
        <td>One</td>
        <td>Two</td>
        <td class="skinny">$$</td>
        <td>Four</td>
    </tr>
</table>

我正在尝试使所有 tds 的宽度都相同,但具有“skinny”类的除外。不过,我似乎不能只换瘦的。

http://jsfiddle.net/tZHgV/

我正在尝试使表格看起来像这样:

|   One   |   Two   |$$|   Four   |

其中onetwofour 的宽度相同。 如何只更改一类 tds 的宽度?

【问题讨论】:

【参考方案1】:

把你的 CSS 改成这个

.skinny 
    width: 5px;
    min-width: 5px;

【讨论】:

以上是关于让同一table内的不同td占有的宽度不同.有关网页编辑。的主要内容,如果未能解决你的问题,请参考以下文章

固定宽度表 - 具有不同宽度的单元格?

table内的多个input实现不换行

table只给td设置宽度让它自己撑开一定的宽度,然后怎么使table居中。

table固定宽高之后就不能改变td的大小了吗----html

table td 的溢出隐藏

table中如何用CSS控制<tr>><td>的宽度和高度