+ -
当前位置:首页 → 问答吧 → CSS中表格宽度的问题

CSS中表格宽度的问题

时间:2011-04-30

来源:互联网

如图:
我想把这四个表格项的宽度都相同.我设置th,td{width:25%;}会达到这种宽度相同效果,可是我设置th,td{width:2%;}这四个表格项的宽度也是相同的!这是怎么回事??

作者: livetiancao   发布时间: 2011-04-30

图片显示不全 请大家见谅

作者: livetiancao   发布时间: 2011-04-30

table有固定宽度吗?

作者: toury   发布时间: 2011-04-30

HTML code
<table class="my">
<tr>
    <th>姓名:</th>
    <td>笔记本</td>
    <th>性别:</th>
    <td>公公</td>
</tr>
</table>

CSS code

.my{
    width:100%;
}
.my th,.my td{
    border:1px solid #98bf21;
    width:25%;
}


table的父级元素宽度设置为800px

作者: livetiancao   发布时间: 2011-04-30

2%有变化啊,四个格子宽度不一样了
你可以width:205%;试试就知道了

作者: toury   发布时间: 2011-04-30